feat: remove ModeToggle from Header, set Toaster theme to dark, and update global styles for consistent dark mode

apps/web/src/components/header.tsx

@@ -1,5 +1,4 @@
 import { Link } from "@tanstack/react-router";
-import { ModeToggle } from "./mode-toggle";
 import UserMenu from "./user-menu";
 
 export default function Header() {
@@ -50,7 +49,6 @@ export default function Header() {
 
             {/* Actions */}
             <div className="flex items-center gap-2">
-              <ModeToggle />
               <UserMenu />
             </div>
 

apps/web/src/components/ui/sonner.tsx

@@ -1,11 +1,8 @@
 "use client";
 
-import { useTheme } from "next-themes";
 import { Toaster as Sonner, type ToasterProps } from "sonner";
 
 const Toaster = ({ ...props }: ToasterProps) => {
-  const { theme = "system" } = useTheme();
-
   return (
     <Sonner
       className="toaster group"
@@ -16,7 +13,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
           "--normal-border": "var(--border)",
         } as React.CSSProperties
       }
-      theme={theme as ToasterProps["theme"]}
+      theme={"dark"}
       {...props}
     />
   );

apps/web/src/index.css

@@ -11,11 +11,8 @@
 
 html,
 body {
-  @apply bg-white dark:bg-gray-950;
+  @apply bg-gray-950;
-
+  color-scheme: dark;
-  @media (prefers-color-scheme: dark) {
-    color-scheme: dark;
-  }
 }
 
 :root {

apps/web/src/routes/__root.tsx

@@ -53,6 +53,9 @@ function RootComponent() {
         attribute="class"
         defaultTheme="dark"
         disableTransitionOnChange
+        enableColorScheme={true}
+        enableSystem={false}
+        forcedTheme="dark"
         storageKey="vite-ui-theme"
       >
         <div className="grid min-h-svh grid-rows-[auto_1fr_auto]">