feat: add a white theme

2026-03-11 16:02:55 +01:00
parent 9642f2511a
commit d5d7b15f16
22 changed files with 297 additions and 241 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -2,6 +2,36 @@
@tailwind components;
@tailwind utilities;

+/* ── Dark theme (default) ── */
+:root {
+    --bg:           #0d1117;
+    --surface:      #161b22;
+    --border:       #30363d;
+    --text-primary: #c9d1d9;
+    --text-secondary: #8b949e;
+    --accent:       #4aff8c;
+    --accent-dim:   rgba(74,255,140,0.1);
+    --accent-border: rgba(74,255,140,0.3);
+}
+
+/* ── Light theme ── */
+html.light {
+    --bg:           #f0f6ff;
+    --surface:      #ffffff;
+    --border:       #d0d7de;
+    --text-primary: #1c2128;
+    --text-secondary: #57606a;
+    --accent:       #0ea5e9;
+    --accent-dim:   rgba(14,165,233,0.1);
+    --accent-border: rgba(14,165,233,0.3);
+}
+
+body {
+    background-color: var(--bg);
+    color: var(--text-primary);
+    transition: background-color 0.2s ease, color 0.2s ease;
+}
+
 ::-webkit-scrollbar { width: 4px; }
 ::-webkit-scrollbar-track { background: transparent; }
-::-webkit-scrollbar-thumb { background: #30363d; border-radius: 2px; }
+::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }