From df5662487e2f71606cc1bd41d46eaed497c85b45 Mon Sep 17 00:00:00 2001
From: itzaname <me@sliving.io>
Date: Thu, 25 Dec 2025 23:03:24 -0500
Subject: [PATCH] Force dark theme

---
 web/src/app/globals.scss  | 30 +++++++-----------------------
 web/src/app/lib/theme.tsx |  7 +++++++
 2 files changed, 14 insertions(+), 23 deletions(-)

diff --git a/web/src/app/globals.scss b/web/src/app/globals.scss
index 9534a49..b53e547 100644
--- a/web/src/app/globals.scss
+++ b/web/src/app/globals.scss
@@ -8,39 +8,23 @@ $form-label-fontsize: 1.3rem;
 }
 
 :root {
-	color-scheme: light dark;
+	color-scheme: dark;
 
 	--header-height: 45px;
 
-	--page:                white;
+	--page:                rgb(15,15,15);
 	--header-grad-left:    #363b40;
 	--header-grad-right:   #353a40;
 	--header-button-left:  white;
 	--header-button-right: #b4b4b4;
 	--header-button-hover: white;
-	--review-border:       #c8c8c8;
-	--text-color:          #1e1e1e;
+	--review-border:       rgb(50,50,50);
+	--text-color:          rgb(230,230,230);
 	--anchor-link-review:  #008fd6;
-	--window-header:       #f5f5f5;
+	--window-header:       rgb(10,10,10);
 	--comment-highlighted: #ffffd7;
-	--comment-area:        white;
-	--placeholder-text:    rgb(150,150,150);
-
-	@media (prefers-color-scheme: dark) {
-		--page:                rgb(15,15,15);
-		--header-grad-left:    #363b40;
-		--header-grad-right:   #353a40;
-		--header-button-left:  white;
-		--header-button-right: #b4b4b4;
-		--header-button-hover: white;
-		--review-border:       rgb(50,50,50);
-		--text-color:          rgb(230,230,230);
-		--anchor-link-review:  #008fd6;
-		--window-header:       rgb(10,10,10);
-		--comment-highlighted: #ffffd7;
-		--comment-area:        rgb(20,20,20);
-		--placeholder-text:    rgb(80,80,80);
-	}
+	--comment-area:        rgb(20,20,20);
+	--placeholder-text:    rgb(80,80,80);
 }
 
 body {
diff --git a/web/src/app/lib/theme.tsx b/web/src/app/lib/theme.tsx
index f4f16e6..079d60d 100644
--- a/web/src/app/lib/theme.tsx
+++ b/web/src/app/lib/theme.tsx
@@ -1,6 +1,13 @@
 import {createTheme} from "@mui/material";
 
 export const theme = createTheme({
+    cssVariables: {
+        colorSchemeSelector: 'class',
+    },
+    colorSchemes: {
+        dark: true,
+    },
+    defaultColorScheme: 'dark',
     palette: {
         mode: 'dark',
         primary: {
-- 
2.49.1