fix camera styling

Brendonovich · Brendonovich · commit 049b527823fb · 2025-05-17T02:09:18.000+08:00
diff --git a/apps/desktop/src/entry-server.tsx b/apps/desktop/src/entry-server.tsx
@@ -11,7 +11,7 @@ export default createHandler(() => (
           <link rel="icon" type="image/svg+xml" href="/assets/logo.svg" />
           {assets}
         </head>
-        <body class="w-screen h-screen cursor-default select-none bg-gray-1">
+        <body class="w-screen h-screen cursor-default select-none">
           <div id="app" class="h-full text-[--text-primary]">
             {children}
           </div>
diff --git a/apps/desktop/src/routes/(window-chrome).tsx b/apps/desktop/src/routes/(window-chrome).tsx
@@ -34,7 +34,7 @@ export default function (props: RouteSectionProps) {
 
   return (
     <WindowChromeContext>
-      <div class="flex overflow-hidden flex-col w-screen h-screen max-h-screen divide-y divide-gray-5">
+      <div class="flex overflow-hidden flex-col w-screen h-screen max-h-screen divide-y divide-gray-5 bg-gray-1">
         <Header />
 
         {/* breaks sometimes */}
diff --git a/apps/desktop/src/routes/camera.tsx b/apps/desktop/src/routes/camera.tsx
@@ -133,7 +133,7 @@ export default function () {
         {(options) => (
           <div
             data-tauri-drag-region
-            class="flex relative flex-col w-screen h-screen bg-black cursor-move group"
+            class="flex relative flex-col w-screen h-screen cursor-move group"
             style={{ "border-radius": cameraBorderRadius(state) }}
           >
             <div class="h-14">
@@ -270,7 +270,7 @@ function CameraLoadingState(props: { shape: CameraWindow.Shape }) {
   });
 
   return (
-    <div class="flex flex-col w-full h-full bg-gray-1 dark:bg-gray-12">
+    <div class="flex flex-col w-full h-full bg-transparent">
       <div class="h-14" />
       <div
         class={cx(
diff --git a/apps/desktop/src/routes/capture-area.tsx b/apps/desktop/src/routes/capture-area.tsx
@@ -2,8 +2,8 @@ import { Tooltip } from "@kobalte/core";
 import { createEventListenerMap } from "@solid-primitives/event-listener";
 import { makePersisted } from "@solid-primitives/storage";
 import {
-    getCurrentWebviewWindow,
-    WebviewWindow,
+  getCurrentWebviewWindow,
+  WebviewWindow,
 } from "@tauri-apps/api/webviewWindow";
 import { createSignal, onCleanup, onMount, Show } from "solid-js";
 import { createStore } from "solid-js/store";
@@ -87,7 +87,7 @@ export default function CaptureArea() {
   }
 
   return (
-    <div class="overflow-hidden w-screen h-screen bg-black-transparent-60">
+    <div class="overflow-hidden w-screen h-screen">
       <div class="flex fixed z-50 justify-center items-center w-full">
         <Transition
           appear
diff --git a/apps/desktop/src/routes/editor/index.tsx b/apps/desktop/src/routes/editor/index.tsx
@@ -22,7 +22,7 @@ export default function () {
   return (
     <div
       class={cx(
-        "flex flex-col w-screen h-screen",
+        "flex flex-col w-screen h-screen bg-gray-1",
         !(
           ostype() === "windows" || !generalSettings.data?.windowTransparency
         ) && "bg-transparent-window"
