From 5574006253759787f001657c6f703bfce9eeb935 Mon Sep 17 00:00:00 2001
From: Nounspace Ryan <ryan@nounspace.com>
Date: Mon, 29 Jul 2024 18:17:48 -0500
Subject: [PATCH] Fix: only show theme background color in spaces

---
 src/common/components/templates/Space.tsx | 12 +++---------
 src/pages/_app.tsx                        |  5 +----
 2 files changed, 4 insertions(+), 13 deletions(-)

diff --git a/src/common/components/templates/Space.tsx b/src/common/components/templates/Space.tsx
index a9bdfc59..94d2cf63 100644
--- a/src/common/components/templates/Space.tsx
+++ b/src/common/components/templates/Space.tsx
@@ -97,15 +97,9 @@ export default function Space({
       : LayoutFidgets["grid"];
 
   return (
-    <>
+    <div className="user-theme-background w-full h-full relative">
       <CustomHTMLBackground html={config.theme?.properties.backgroundHTML} />
-      <div
-        className={
-          editMode
-            ? "w-full transition-all duration-100 ease-out h-full"
-            : "w-full transition-all duration-100 ease-out h-full"
-        }
-      >
+      <div className="w-full transition-all duration-100 ease-out h-full">
         <div className="h-full flex flex-col">
           {!isUndefined(profile) ? (
             <div className="z-50 bg-white h-40">{profile}</div>
@@ -126,6 +120,6 @@ export default function Space({
           />
         </div>
       </div>
-    </>
+    </div>
   );
 }
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 2e6cd974..5e70f26c 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -19,10 +19,7 @@ const sidebarLayout = (page: React.ReactElement) => {
   return (
     <>
       <div className="min-h-screen max-w-screen h-screen w-screen">
-        <div
-          className="flex w-full h-full"
-          style={{ background: "var(--user-theme-background)" }}
-        >
+        <div className="flex w-full h-full">
           <div className="flex mx-auto transition-all duration-100 ease-out z-10">
             <Sidebar />
           </div>