feat: setting theme color for desktop

raaymax · Oct 25, 2024 · 84066db · 84066db
1 parent e21c883
commit 84066db
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/app/src/js/components/layout/Main.tsx b/app/src/js/components/layout/Main.tsx
@@ -164,6 +164,11 @@ export const Workspaces = () => {
 export const Desktop = ({children}: {children: React.ReactNode}) => {
   const { sidebar } = useSidebar();
   const { parentId } = useParams();
+  const theme = useTheme();
+  useEffect(() => {
+    document.querySelector('meta[name="theme-color"]')
+      ?.setAttribute('content', theme.Navbar.Background);
+  }, [theme]);
   return (
     <Container className={cn({
       'side-stream': Boolean(parentId),

diff --git a/deno.lock b/deno.lock