From 84066dbfaf99f64e31154352ffde6ec4d1e2c5a3 Mon Sep 17 00:00:00 2001
From: Mateusz Russak <mateusz@russak.biz>
Date: Fri, 25 Oct 2024 18:11:48 +0200
Subject: [PATCH] feat: setting theme color for desktop

---
 app/src/js/components/layout/Main.tsx | 5 +++++
 deno.lock                             | 4 ++++
 2 files changed, 9 insertions(+)

diff --git a/app/src/js/components/layout/Main.tsx b/app/src/js/components/layout/Main.tsx
index 89570c49..c222abc9 100644
--- 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
index df27336d..7977c5d0 100644
--- a/deno.lock
+++ b/deno.lock
@@ -62,6 +62,7 @@
     "npm:eslint-plugin-react@^7.33.2": "7.37.1_eslint@8.57.1",
     "npm:eslint@^8.55.0": "8.57.1",
     "npm:express-session@1.17.3": "1.17.3",
+    "npm:filesize@10.1.6": "10.1.6",
     "npm:fuse.js@7.0.0": "7.0.0",
     "npm:migrate-mongo@11.0.0": "11.0.0_mongodb@6.3.0",
     "npm:mongodb@6.3.0": "6.3.0",
@@ -2824,6 +2825,9 @@
         "minimatch@5.1.6"
       ]
     },
+    "filesize@10.1.6": {
+      "integrity": "sha512-sJslQKU2uM33qH5nqewAwVB2QgR6w1aMNsYUp3aN5rMRyXEwJGmZvaWzeJFNTOXWlHQyBFCWrdj3fV/fsTOX8w=="
+    },
     "fill-range@7.1.1": {
       "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
       "dependencies": [