Hardcode dark theme

electron/main/main.ts

@@ -10,7 +10,7 @@ setupStorageIPC()
 let mainWindow: BrowserWindow | null = null
 
 function createWindow() {
-  const prefersDark = nativeTheme.shouldUseDarkColors
+  const prefersDark = true //nativeTheme.shouldUseDarkColors
   const backgroundColor = prefersDark ? "#1a1a1a" : "#ffffff"
 
   mainWindow = new BrowserWindow({

src/lib/theme.tsx

@@ -20,9 +20,9 @@ function applyTheme(dark: boolean) {
 
 export function ThemeProvider(props: { children: JSX.Element }) {
   const systemPrefersDark = window.matchMedia("(prefers-color-scheme: dark)")
-  const [isDark, setIsDarkSignal] = createSignal(systemPrefersDark.matches)
+  const [isDark, setIsDarkSignal] = createSignal(true) //systemPrefersDark.matches)
 
-  applyTheme(systemPrefersDark.matches)
+  applyTheme(true) //systemPrefersDark.matches)
 
   async function loadTheme() {
     try {
@@ -31,13 +31,13 @@ export function ThemeProvider(props: { children: JSX.Element }) {
       let themeDark: boolean
 
       if (savedTheme === "system") {
-        themeDark = systemPrefersDark.matches
+        themeDark = true //systemPrefersDark.matches
       } else if (savedTheme === "dark") {
         themeDark = true
       } else if (savedTheme === "light") {
-        themeDark = false
+        themeDark = true //false
       } else {
-        themeDark = systemPrefersDark.matches
+        themeDark = true //systemPrefersDark.matches
       }
 
       setIsDarkSignal(themeDark)

src/renderer/index.html

@@ -8,28 +8,28 @@
       :root {
         color-scheme: light dark;
       }
-      html,
+      /* html,
       body {
         background-color: #ffffff;
         color: #1a1a1a;
       }
-      @media (prefers-color-scheme: dark) {
+      @media (prefers-color-scheme: dark) { */
         html,
         body {
           background-color: #1a1a1a;
           color: #e0e0e0;
         }
-      }
+      /* } */
     </style>
     <script>
       ;(function () {
         try {
           const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
-          if (prefersDark) {
+          // if (prefersDark) {
             document.documentElement.setAttribute('data-theme', 'dark')
-          } else {
-            document.documentElement.removeAttribute('data-theme')
-          }
+          // } else {
+          //   document.documentElement.removeAttribute('data-theme')
+          // }
         } catch (error) {
           console.warn('Failed to apply initial theme', error)
         }