From 263284a82b244bb4cc953d41160d62f116550738 Mon Sep 17 00:00:00 2001
From: Francisco Pessano <franpessano1@gmail.com>
Date: Wed, 3 Sep 2025 23:59:28 -0300
Subject: [PATCH] feat: remove ModeToggle from Header, set Toaster theme to
 dark, and update global styles for consistent dark mode

---
 apps/web/src/components/header.tsx    | 2 --
 apps/web/src/components/ui/sonner.tsx | 5 +----
 apps/web/src/index.css                | 7 ++-----
 apps/web/src/routes/__root.tsx        | 3 +++
 4 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx
index 235f4f5..f0c935a 100644
--- a/apps/web/src/components/header.tsx
+++ b/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>
 
diff --git a/apps/web/src/components/ui/sonner.tsx b/apps/web/src/components/ui/sonner.tsx
index 14e7a85..723ab72 100644
--- a/apps/web/src/components/ui/sonner.tsx
+++ b/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}
     />
   );
diff --git a/apps/web/src/index.css b/apps/web/src/index.css
index 3e39939..abe10b3 100644
--- a/apps/web/src/index.css
+++ b/apps/web/src/index.css
@@ -11,11 +11,8 @@
 
 html,
 body {
-  @apply bg-white dark:bg-gray-950;
-
-  @media (prefers-color-scheme: dark) {
-    color-scheme: dark;
-  }
+  @apply bg-gray-950;
+  color-scheme: dark;
 }
 
 :root {
diff --git a/apps/web/src/routes/__root.tsx b/apps/web/src/routes/__root.tsx
index f2e12f2..641fc47 100644
--- a/apps/web/src/routes/__root.tsx
+++ b/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]">