Windows: default dark theme + reduce transparency

Author: ksndmplb

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "codex-monitor",
   "private": true,
-  "version": "0.7.35",
+  "version": "0.7.36",
   "type": "module",
   "scripts": {
     "dev": "vite",

package.json

@@ -519,7 +519,7 @@ fn default_ui_scale() -> f64 {
 }
 
 fn default_theme() -> String {
-    "system".to_string()
+    "dark".to_string()
 }
 
 fn default_usage_show_remaining() -> bool {
@@ -955,7 +955,7 @@ mod tests {
         assert!(settings.last_composer_model_id.is_none());
         assert!(settings.last_composer_reasoning_effort.is_none());
         assert!((settings.ui_scale - 1.0).abs() < f64::EPSILON);
-        assert_eq!(settings.theme, "system");
+        assert_eq!(settings.theme, "dark");
         assert!(!settings.usage_show_remaining);
         assert!(settings.ui_font_family.contains("SF Pro Text"));
         assert!(settings.code_font_family.contains("SF Mono"));

src-tauri/src/types.rs

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "CodexMonitor",
-  "version": "0.7.35",
+  "version": "0.7.36",
   "identifier": "com.dimillian.codexmonitor",
   "build": {
     "beforeDevCommand": "npm run dev",

src-tauri/tauri.conf.json

@@ -3,6 +3,9 @@ import { useEffect, useState } from "react";
 export function useTransparencyPreference(storageKey = "reduceTransparency") {
   const [reduceTransparency, setReduceTransparency] = useState(() => {
     const stored = localStorage.getItem(storageKey);
+    if (stored === null) {
+      return true;
+    }
     return stored === "true";
   });
 

src/features/layout/hooks/useTransparencyPreference.ts

@@ -47,7 +47,7 @@ describe("useAppSettings", () => {
     await waitFor(() => expect(result.current.isLoading).toBe(false));
 
     expect(result.current.settings.uiScale).toBe(UI_SCALE_MAX);
-    expect(result.current.settings.theme).toBe("system");
+    expect(result.current.settings.theme).toBe("dark");
     expect(result.current.settings.uiFontFamily).toContain("SF Pro Text");
     expect(result.current.settings.codeFontFamily).toContain("SF Mono");
     expect(result.current.settings.codeFontSize).toBe(16);
@@ -63,7 +63,7 @@ describe("useAppSettings", () => {
     await waitFor(() => expect(result.current.isLoading).toBe(false));
 
     expect(result.current.settings.uiScale).toBe(UI_SCALE_DEFAULT);
-    expect(result.current.settings.theme).toBe("system");
+    expect(result.current.settings.theme).toBe("dark");
     expect(result.current.settings.uiFontFamily).toContain("SF Pro Text");
     expect(result.current.settings.codeFontFamily).toContain("SF Mono");
     expect(result.current.settings.backendMode).toBe("local");
@@ -106,7 +106,7 @@ describe("useAppSettings", () => {
 
     expect(updateAppSettingsMock).toHaveBeenCalledWith(
       expect.objectContaining({
-        theme: "system",
+        theme: "dark",
         uiScale: 0.1,
         uiFontFamily: expect.stringContaining("SF Pro Text"),
         codeFontFamily: expect.stringContaining("SF Mono"),

src/features/settings/hooks/useAppSettings.test.ts

@@ -52,7 +52,7 @@ const defaultSettings: AppSettings = {
   lastComposerModelId: null,
   lastComposerReasoningEffort: null,
   uiScale: UI_SCALE_DEFAULT,
-  theme: "system",
+  theme: "dark",
   usageShowRemaining: false,
   uiFontFamily: DEFAULT_UI_FONT_FAMILY,
   codeFontFamily: DEFAULT_CODE_FONT_FAMILY,
@@ -128,7 +128,7 @@ function normalizeAppSettings(settings: AppSettings): AppSettings {
     codexBin: settings.codexBin?.trim() ? settings.codexBin.trim() : null,
     codexArgs: settings.codexArgs?.trim() ? settings.codexArgs.trim() : null,
     uiScale: clampUiScale(settings.uiScale),
-    theme: allowedThemes.has(settings.theme) ? settings.theme : "system",
+    theme: allowedThemes.has(settings.theme) ? settings.theme : "dark",
     uiFontFamily,
     codeFontFamily,
     codeFontSize: clampCodeFontSize(settings.codeFontSize),