다크모드를 디폴트로 설정

frontend/src/index.css

@@ -86,28 +86,28 @@ html.theme-blue {
   --focus-ring: rgba(30, 138, 212, 0.45);
 }
 
-/* 테마 클래스 적용 전 깜빡임 방지용 기본값 = 라이트 (:root 는 theme-* 보다 특이도가 낮음) */
+/* 테마 클래스 적용 전 깜빡임 방지용 기본값 = 다크 (:root 는 theme-* 보다 특이도가 낮음) */
 html:not(.theme-light):not(.theme-dark):not(.theme-blue),
 :root:not(.theme-light):not(.theme-dark):not(.theme-blue) {
-  --primary: #2563eb;
-  --primary-dark: #1d4ed8;
-  --on-primary: #ffffff;
-  --bg: #f1f5f9;
-  --surface: #ffffff;
-  --surface-2: #f8fafc;
-  --surface-3: #ffffff;
-  --elevated: #eff6ff;
-  --text: #0f172a;
-  --muted: #64748b;
-  --border: #e2e8f0;
-  --danger: #dc2626;
-  --success: #16a34a;
-  --highlight-bg: #fffbe6;
-  --highlight-bg-strong: #fff3bf;
-  --highlight-text: #0f172a;
-  --shadow: 0 8px 24px rgba(0,0,0,.14);
-  --shadow-lg: 0 20px 60px rgba(0,0,0,.3);
-  --focus-ring: #bfdbfe;
+  --primary: #7aa2f7;
+  --primary-dark: #5a7dc7;
+  --on-primary: #0b1020;
+  --bg: #16181e;
+  --surface: #24283b;
+  --surface-2: #1f2335;
+  --surface-3: #1a1b26;
+  --elevated: #2a2f45;
+  --text: #c0caf5;
+  --muted: #8a93b8;
+  --border: rgba(122, 162, 247, 0.16);
+  --danger: #f7768e;
+  --success: #9ece6a;
+  --highlight-bg: #2f3650;
+  --highlight-bg-strong: #3a4463;
+  --highlight-text: #c0caf5;
+  --shadow: 0 8px 24px rgba(0,0,0,.5);
+  --shadow-lg: 0 20px 60px rgba(0,0,0,.45);
+  --focus-ring: rgba(122, 162, 247, 0.5);
 }
 
 * { box-sizing: border-box; }

frontend/src/theme.ts

@@ -16,7 +16,7 @@ export function loadTheme(): Theme {
   } catch {
     /* private mode */
   }
-  return 'light'
+  return 'dark'
 }
 
 export function applyTheme(theme: Theme): void {

frontend/src/themeContext.tsx

@@ -7,7 +7,7 @@ type ThemeCtx = {
 }
 
 const ThemeContext = createContext<ThemeCtx>({
-  theme: 'light',
+  theme: 'dark',
   changeTheme: () => undefined,
 })