fix: #350 removed dark theme to keep theme consistent between browsers

dataforgoodfr · Dec 11, 2024 · 88091e4 · 88091e4
1 parent 8e8c8a3
commit 88091e4
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 34 deletions.
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
@@ -30,7 +30,7 @@ interface RootLayoutProps {
 export default function RootLayout({ children }: RootLayoutProps) {
   return (
     <>
-      <html lang="en" className="light" suppressHydrationWarning>
+      <html lang="en" className="light" data-theme="light" suppressHydrationWarning>
         <head>
           <meta charSet="UTF-8" />
           <meta

diff --git a/frontend/styles/globals.css b/frontend/styles/globals.css
@@ -35,39 +35,6 @@
 
     --radius: 0.5rem;
   }
-
-  .dark {
-    --background: 224 71% 4%;
-    --foreground: 213 31% 91%;
-
-    --muted: 223 47% 11%;
-    --muted-foreground: 215.4 16.3% 56.9%;
-
-    --accent: 223 33% 26%;
-    --accent-foreground: 222.2 47.4% 11.2%;
-
-    --popover: 224 71% 4%;
-    --popover-foreground: 215 20.2% 65.1%;
-
-    --border: 216 34% 17%;
-    --input: 216 34% 17%;
-
-    --card: 224 71% 4%;
-    --card-foreground: 213 31% 91%;
-
-    --primary: 164 76% 53%;
-    --primary-foreground: 222.2 47.4% 11.2%;
-
-    --secondary: 210 40% 96.1%;
-    --secondary-foreground: 222.2 47.4% 11.2%;
-
-    --destructive: 0 63% 31%;
-    --destructive-foreground: 210 40% 98%;
-
-    --ring: 216 34% 17%;
-
-    --radius: 0.5rem;
-  }
 }
 
 @layer base {