fix: electron sidebar blur effect

Innei · Innei · commit ec7105c9604c · 2024-12-30T13:34:50.000+08:00
Signed-off-by: Innei &lt;tukon479@gmail.com&gt;
diff --git a/apps/renderer/index.html b/apps/renderer/index.html
@@ -62,19 +62,23 @@
       setTheme()
       // Can not get window.electron so check userAgent
       const isElectron = navigator.userAgent.includes("Electron")
-      document.documentElement.dataset.buildType = isElectron ? "electron" : "web"
+      const isRN = window.__RN__
+      document.documentElement.dataset.buildType = isRN ? "rn" : isElectron ? "electron" : "web"
     </script>
     <script>
       const isMobile = window.innerWidth < 1024
       document.documentElement.dataset.viewport = isMobile ? "mobile" : "desktop"
     </script>
   </head>
   <body>
-    <div id="root" class="bg-background"></div>
+    <div id="root"></div>
 
     <div id="app-skeleton" class="drag-region">
       <!-- Skeleton -->
       <style>
+        [data-build-type="rn"] #root {
+          background-color: hsl(var(--background));
+        }
         html,
         body {
           height: 100%;
diff --git a/apps/renderer/src/styles/base.css b/apps/renderer/src/styles/base.css
@@ -12,6 +12,10 @@ html,
   -webkit-tap-highlight-color: transparent;
 }
 
+[data-build-type="rn"] #root {
+  background-color: hsl(var(--background));
+}
+
 html[data-viewport="desktop"],
 html[data-viewport="desktop"] body,
 html[data-viewport="desktop"] #shadow-html,
