From c99eb694e4b1d604116e399c7c8ce7968b588765 Mon Sep 17 00:00:00 2001 From: zack34567 Date: Sat, 23 May 2026 11:05:14 +0530 Subject: [PATCH] fix: unify dark mode to CSS variables, remove conflicting Tailwind dark: utilities (#693) --- src/app/globals.css | 14 ++-- src/app/layout.tsx | 39 ++++------ src/components/ExportOverlay.tsx | 4 +- src/components/OnboardingTour.tsx | 14 ++-- src/components/ThemeProvider.tsx | 75 +++++++------------ src/components/ThemeToggle.tsx | 26 +++---- src/components/TipCarousel.tsx | 8 +- src/components/__tests__/ThemeToggle.test.tsx | 13 ++-- src/components/components.tsx | 47 ++++++------ 9 files changed, 101 insertions(+), 139 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 3c1540e0..ae6d78e5 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -4,12 +4,12 @@ /* ── Light mode tokens ── */ :root { - --bg: #F7F4F0; - --surface: #ffffff; - --border: #E8E3DC; - --text: #181412; - --muted: #5C5550; - --accent: #2563eb; + --bg: #ffffff; + --surface: #f8fafc; + --border: #e2e8f0; + --text: #0f172a; + --muted: #64748b; + --accent: #3b82f6; --accent-hover: #1d4ed8; --film-600: #e63946; --film-400: #ff6b6b; @@ -98,4 +98,4 @@ body { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 4px; -} \ No newline at end of file +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index f17960b2..593f68c8 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -49,34 +49,23 @@ export default function RootLayout({ return ( - -