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 {

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: {