From df71ee3f7ab8087593470cae6a391e96c2e3f9be Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 2 Feb 2026 19:30:17 +0000
Subject: [PATCH] fix(theme): update globals.css to dark theme

- Changed background from white (#ffffff) to dark (#0a0a0a)
- Updated all CSS variables for dark theme
- Fixed scrollbar colors for dark mode
- Fixed selection highlight color

https://claude.ai/code/session_011NWj4qHMpnJqseDYB5et8R
---
 web/src/app/globals.css | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/web/src/app/globals.css b/web/src/app/globals.css
index b04c04b..53d3042 100644
--- a/web/src/app/globals.css
+++ b/web/src/app/globals.css
@@ -1,12 +1,17 @@
 @import "tailwindcss";
 
 :root {
-  --background: #ffffff;
-  --foreground: #0f172a;
-  --primary: #4f46e5;
-  --primary-dark: #4338ca;
-  --secondary: #475569;
+  --background: #0a0a0a;
+  --foreground: #ffffff;
+  --primary: #6366f1;
+  --primary-dark: #5558e3;
+  --secondary: #3b82f6;
   --accent: #8b5cf6;
+  --surface: #121212;
+  --surface-hover: #1a1a1a;
+  --border: #1f2937;
+  --muted: #6b7280;
+  --gold: #fbbf24;
 }
 
 @theme inline {
@@ -22,26 +27,26 @@
 body {
   background: var(--background);
   color: var(--foreground);
-  font-family: var(--font-sans), system-ui, sans-serif;
+  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
 }
 
-/* Custom scrollbar */
+/* Custom scrollbar - dark theme */
 ::-webkit-scrollbar {
   width: 8px;
   height: 8px;
 }
 
 ::-webkit-scrollbar-track {
-  background: #f1f5f9;
+  background: #121212;
 }
 
 ::-webkit-scrollbar-thumb {
-  background: #cbd5e1;
+  background: #374151;
   border-radius: 4px;
 }
 
 ::-webkit-scrollbar-thumb:hover {
-  background: #94a3b8;
+  background: #4b5563;
 }
 
 /* Smooth animations */
@@ -57,5 +62,5 @@ body {
 
 /* Selection styles */
 ::selection {
-  background-color: rgba(79, 70, 229, 0.2);
+  background-color: rgba(99, 102, 241, 0.3);
 }