From 545b802a8b5db66690a7f4f52253913de6fed172 Mon Sep 17 00:00:00 2001 From: Your Name Date: Sat, 11 Apr 2026 13:46:26 +0530 Subject: [PATCH] feat: update theme tokens --- frontend/index.html | 4 ++- frontend/src/index.css | 79 +++++++++++++++++++++++++----------------- 2 files changed, 51 insertions(+), 32 deletions(-) diff --git a/frontend/index.html b/frontend/index.html index f63804f..1414cd0 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -5,7 +5,9 @@ - frontend + Pi. Ku. | A safe haven for your unsent letters + diff --git a/frontend/src/index.css b/frontend/src/index.css index 50c2291..0ae1535 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -3,46 +3,63 @@ @plugin "daisyui/theme" { name: "piku"; - default: false; + default: true; prefersdark: true; - color-scheme: "dark"; - --color-base-100: #231e18; - --color-base-200: #1e1914; - --color-base-300: #1a1410; - --color-base-content: oklch(76% 0.188 70.08); - --color-primary: #7a5520; - --color-primary-content: #c8b890; - --color-secondary: #2a1e13; - --color-secondary-content: #e8d5b0; - --color-accent: #c8903a; - --color-accent-content: #3d2e1e; - --color-neutral: #2e2820; - --color-neutral-content: oklch(98% 0.016 73.684); - --color-info: #2a3040; - --color-info-content: #a0aabf; - --color-success: #d6d996; - --color-success-content: #8aaa8a; - --color-warning: #4a3010; - --color-warning-content: #d4a050; - --color-error: #3d1e1f; - --color-error-content: #c07060; - --radius-selector: 1rem; - --radius-field: 0rem; - --radius-box: 0.25rem; - --size-selector: 0.28125rem; - --size-field: 0.28125rem; + color-scheme: dark; + + /* ── Base surfaces ── */ + --color-base-100: oklch(14% 0.012 35); /* was 0.018 hue 50 */ + --color-base-200: oklch(18% 0.014 33); + --color-base-300: oklch(22% 0.016 32); + --color-base-content: oklch(82% 0.02 70); /* aged parchment, not crisp white */ + + /* ── Primary: old lamp gold — warm, incandescent ── */ + --color-primary: oklch(67% 0.11 78); + --color-primary-content: oklch(15% 0.03 70); + + /* ── Secondary: dusty plum ── */ + --color-secondary: oklch(48% 0.08 305); + --color-secondary-content: oklch(92% 0.01 305); + + /* ── Accent: muted lavender-clay ── */ + --color-accent: oklch(55% 0.06 325); + --color-accent-content: oklch(18% 0.03 295); + + /* ── Neutral: warm stone ── */ + --color-neutral: oklch(28% 0.02 45); + --color-neutral-content: oklch(80% 0.015 60); + + /* ── Semantic — desaturated, no alarm ── */ + --color-info: oklch(60% 0.07 240); + --color-info-content: oklch(95% 0.01 240); + --color-success: oklch(60% 0.08 150); + --color-success-content: oklch(16% 0.03 150); + --color-warning: oklch(68% 0.08 72); /* honey, not caution-sign amber */ + --color-warning-content: oklch(18% 0.03 60); + --color-error: oklch(55% 0.1 22); + --color-error-content: oklch(92% 0.01 22); + + /* ── Shape ── */ + --radius-selector: 0.5rem; + --radius-field: 0.375rem; + --radius-box: 0.5rem; + + /* ── Effects ── */ + --depth: 1; + --noise: 0.03; + + /* ── Border ── */ --border: 1px; - --depth: 0; - --noise: 0; } @theme { --font-display: "Playwrite HR Lijeva Variable", cursive; --font-sans: "Jost Variable", sans-serif; --font-serif: "Playfair Display Variable", serif; - --color-glass-bg: rgba(35, 30, 24, 0.4); - --shadow-warm: 0 20px 50px -12px rgba(42, 30, 19, 0.5); + --color-glass-bg: rgba(28, 22, 16, 0.45); /* slightly deeper to match new base */ + --shadow-warm: 0 20px 50px -12px rgba(30, 20, 12, 0.6); --radius-xl: 1.5rem; + --color-paper: oklch(97% 0.008 80); } .glass-card {