From 8669052f85cc01e6aefc87b3fe1cc16f9e3bb4b7 Mon Sep 17 00:00:00 2001 From: KGFCH2 Date: Fri, 15 May 2026 17:02:32 +0530 Subject: [PATCH] style: refine dark mode contrast and color palette --- apps/web/src/app.css | 23 +++++++++++++---------- 1 file changed, 13 insertions(+), 10 deletions(-) diff --git a/apps/web/src/app.css b/apps/web/src/app.css index 772a760..a1caab0 100644 --- a/apps/web/src/app.css +++ b/apps/web/src/app.css @@ -27,34 +27,37 @@ --radius-lg: 16px; --radius-xl: 24px; - --theme-transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; + --theme-transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), + color 0.3s cubic-bezier(0.4, 0, 0.2, 1), + border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), + box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* dark theme */ html.dark { - --bg-primary: #0f0f1a; - --bg-secondary: #1a1a2e; - --bg-card: #16213e; - --bg-elevated: #1e293b; + --bg-primary: #09090b; + --bg-secondary: #18181b; + --bg-card: #18181b; + --bg-elevated: #27272a; - --text-primary: #f8fafc; - --text-secondary: #94a3b8; - --text-muted: #64748b; + --text-primary: #fafafa; + --text-secondary: #a1a1aa; + --text-muted: #71717a; - --border: #334155; + --border: #27272a; } * { margin: 0; padding: 0; box-sizing: border-box; + transition: var(--theme-transition); } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background-color: var(--bg-primary); color: var(--text-primary); - transition: var(--theme-transition); -webkit-font-smoothing: antialiased; min-height: 100vh; }