Override ASW --surface tokens with garden indigo palette — fixes achromatic bg
This commit is contained in:
parent
5ad5ade19b
commit
274398138f
2 changed files with 32 additions and 10 deletions
|
|
@ -21,10 +21,17 @@
|
|||
--garden-build: oklch(72% 0.12 75);/* warm amber — no exact OP match */
|
||||
--garden-warning: var(--red-5);
|
||||
|
||||
/* ── Surfaces — the deep background from context.html ──── */
|
||||
--garden-bg: oklch(14% 0.03 270); /* dark indigo, visible hue */
|
||||
--garden-surface: oklch(18% 0.04 270); /* card bg — one step up */
|
||||
--garden-border: oklch(24% 0.04 270); /* subtle lines */
|
||||
/* ── Surfaces — override ASW tokens with indigo hue ───── */
|
||||
--garden-bg: oklch(14% 0.03 270);
|
||||
--garden-surface: oklch(18% 0.04 270);
|
||||
--garden-border: oklch(24% 0.04 270);
|
||||
|
||||
/* Override ASW surface tokens so body/cards use our palette */
|
||||
--surface: var(--garden-bg);
|
||||
--surface-1: var(--garden-surface);
|
||||
--surface-2: oklch(22% 0.04 270);
|
||||
--surface-card: var(--garden-surface);
|
||||
--surface-hover: var(--surface-2);
|
||||
|
||||
/* ── Text — the cool gray from the pieces ──────────────── */
|
||||
--garden-text: oklch(82% 0.02 270); /* #c8c8d8 — body */
|
||||
|
|
@ -39,9 +46,13 @@
|
|||
|
||||
/* ── Base ──────────────────────────────────────────────────── */
|
||||
html[data-theme="dark"] {
|
||||
background: var(--garden-bg);
|
||||
background-color: var(--garden-bg);
|
||||
color: var(--garden-text);
|
||||
}
|
||||
/* Force body too — ASW sets background-color: var(--surface) */
|
||||
body {
|
||||
background-color: var(--garden-bg);
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--garden-font);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue