marcel/familienarchiv
1
0
Fork 0
Code Issues 125 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(tokens): add --color-parchment design token for warm example-block surfaces

Browse Source 
Adds --c-parchment (#faf8f1 light / #041828 dark) to :root and both
dark-mode blocks, exposed as --color-parchment via @theme inline.
Prerequisite for replacing bg-[#FAF8F1] raw-hex in RichtlinienRuleCard
and TranscribeDragDemo.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-25 01:03:43 +02:00
parent 03b180fe88
commit 71892e7293
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/routes/layout.css
View File

@@ -66,6 +66,9 @@
/* Focus ring — keyboard focus indicator, mode-aware (navy in light, mint in dark) */ /* Focus ring — keyboard focus indicator, mode-aware (navy in light, mint in dark) */
--color-focus-ring: var(--c-focus-ring); --color-focus-ring: var(--c-focus-ring);
/* Parchment — warm background for code/example blocks inside cards */
--color-parchment: var(--c-parchment);
/* Danger — destructive action color */ /* Danger — destructive action color */
--color-danger: var(--c-danger); --color-danger: var(--c-danger);
--color-danger-fg: var(--c-danger-fg); --color-danger-fg: var(--c-danger-fg);
@@ -122,6 +125,9 @@
--c-danger: #c0392b; --c-danger: #c0392b;
--c-danger-fg: #ffffff; --c-danger-fg: #ffffff;
/* Parchment — warm near-white for example blocks (light mode: cream #FAF8F1) */
--c-parchment: #faf8f1;
/* Tag color tokens — decorative dot colors on tag chips */ /* Tag color tokens — decorative dot colors on tag chips */
--c-tag-sage: #5a8a6a; --c-tag-sage: #5a8a6a;
--c-tag-sienna: #a0522d; --c-tag-sienna: #a0522d;
@@ -203,6 +209,9 @@
--c-danger: #e55347; --c-danger: #e55347;
--c-danger-fg: #ffffff; --c-danger-fg: #ffffff;
/* Parchment — subtle surface shift for example blocks on dark navy */
--c-parchment: #041828;
/* Tag color tokens — lighter for visibility on dark backgrounds */ /* Tag color tokens — lighter for visibility on dark backgrounds */
--c-tag-sage: #7abf8a; --c-tag-sage: #7abf8a;
--c-tag-sienna: #cc7050; --c-tag-sienna: #cc7050;
@@ -267,6 +276,9 @@
--c-danger: #e55347; --c-danger: #e55347;
--c-danger-fg: #ffffff; --c-danger-fg: #ffffff;
/* Parchment — subtle surface shift for example blocks on dark navy */
--c-parchment: #041828;
/* Tag color tokens — lighter for visibility on dark backgrounds */ /* Tag color tokens — lighter for visibility on dark backgrounds */
--c-tag-sage: #7abf8a; --c-tag-sage: #7abf8a;
--c-tag-sienna: #cc7050; --c-tag-sienna: #cc7050;