me/pi-ku
1
0
Fork 0
mirror of https://github.com/ramvignesh-b/pi-ku.git synced 2026-05-04 08:56:52 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

feat: update theme tokens

Browse Source
This commit is contained in:
Your Name
2026-04-11 13:46:26 +05:30
parent ddbf2bc4d1
commit 545b802a8b
2 changed files with 51 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/index.html
+3 -1
View File
@@ -5,7 +5,9 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>frontend</title> <title>Pi. Ku. | A safe haven for your unsent letters</title>
<meta name="description"
content="Pi. Ku. is a minimal, secure, and beautiful way to write and seal digital letters." />
</head> </head>
<body> <body>
frontend/src/index.css
+48 -31
View File
@@ -3,46 +3,63 @@
@plugin "daisyui/theme" { @plugin "daisyui/theme" {
name: "piku"; name: "piku";
default: false; default: true;
prefersdark: true; prefersdark: true;
color-scheme: "dark"; color-scheme: dark;
--color-base-100: #231e18;
--color-base-200: #1e1914; /* ── Base surfaces ── */
--color-base-300: #1a1410; --color-base-100: oklch(14% 0.012 35); /* was 0.018 hue 50 */
--color-base-content: oklch(76% 0.188 70.08); --color-base-200: oklch(18% 0.014 33);
--color-primary: #7a5520; --color-base-300: oklch(22% 0.016 32);
--color-primary-content: #c8b890; --color-base-content: oklch(82% 0.02 70); /* aged parchment, not crisp white */
--color-secondary: #2a1e13;
--color-secondary-content: #e8d5b0; /* ── Primary: old lamp gold — warm, incandescent ── */
--color-accent: #c8903a; --color-primary: oklch(67% 0.11 78);
--color-accent-content: #3d2e1e; --color-primary-content: oklch(15% 0.03 70);
--color-neutral: #2e2820;
--color-neutral-content: oklch(98% 0.016 73.684); /* ── Secondary: dusty plum ── */
--color-info: #2a3040; --color-secondary: oklch(48% 0.08 305);
--color-info-content: #a0aabf; --color-secondary-content: oklch(92% 0.01 305);
--color-success: #d6d996;
--color-success-content: #8aaa8a; /* ── Accent: muted lavender-clay ── */
--color-warning: #4a3010; --color-accent: oklch(55% 0.06 325);
--color-warning-content: #d4a050; --color-accent-content: oklch(18% 0.03 295);
--color-error: #3d1e1f;
--color-error-content: #c07060; /* ── Neutral: warm stone ── */
--radius-selector: 1rem; --color-neutral: oklch(28% 0.02 45);
--radius-field: 0rem; --color-neutral-content: oklch(80% 0.015 60);
--radius-box: 0.25rem;
--size-selector: 0.28125rem; /* ── Semantic — desaturated, no alarm ── */
--size-field: 0.28125rem; --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; --border: 1px;
--depth: 0;
--noise: 0;
} }
@theme { @theme {
--font-display: "Playwrite HR Lijeva Variable", cursive; --font-display: "Playwrite HR Lijeva Variable", cursive;
--font-sans: "Jost Variable", sans-serif; --font-sans: "Jost Variable", sans-serif;
--font-serif: "Playfair Display Variable", serif; --font-serif: "Playfair Display Variable", serif;
--color-glass-bg: rgba(35, 30, 24, 0.4); --color-glass-bg: rgba(28, 22, 16, 0.45); /* slightly deeper to match new base */
--shadow-warm: 0 20px 50px -12px rgba(42, 30, 19, 0.5); --shadow-warm: 0 20px 50px -12px rgba(30, 20, 12, 0.6);
--radius-xl: 1.5rem; --radius-xl: 1.5rem;
--color-paper: oklch(97% 0.008 80);
} }
.glass-card { .glass-card {