wip

frontend/src/App/Navbar.module.scss

@@ -49,7 +49,7 @@
   }
 
   @include dark {
-    background-color: var(--mantine-color-dark-6);
+    background-color: var(--mantine-color-dark-8);
   }
 }
 

frontend/src/App/ThemeProvider.tsx

@@ -1,5 +1,6 @@
 import {
   ActionIcon,
+  AppShell,
   Badge,
   Button,
   createTheme,
@@ -12,6 +13,7 @@ import "@mantine/notifications/styles.layer.css";
 import styleVars from "@/assets/_variables.module.scss";
 import buttonClasses from "@/assets/button.module.scss";
 import actionIconClasses from "@/assets/action_icon.module.scss";
+import appShellClasses from "@/assets/app_shell.module.scss";
 import badgeClasses from "@/assets/badge.module.scss";
 
 const themeProvider = createTheme({
@@ -32,15 +34,18 @@ const themeProvider = createTheme({
   },
   primaryColor: "brand",
   components: {
-    Button: Button.extend({
-      classNames: buttonClasses,
-    }),
     ActionIcon: ActionIcon.extend({
       classNames: actionIconClasses,
     }),
+    AppShell: AppShell.extend({
+      classNames: appShellClasses,
+    }),
     Badge: Badge.extend({
       classNames: badgeClasses,
     }),
+    Button: Button.extend({
+      classNames: buttonClasses,
+    }),
   },
 });
 

frontend/src/assets/app_shell.module.scss

@@ -0,0 +1,3 @@
+.main {
+  background-color: rgb(26, 27, 30);
+}