Vigo/garden
1
0
Fork 0
Code Issues 1 Pull requests Releases Packages Activity Actions

Override ASW --surface tokens with garden indigo palette — fixes achromatic bg

Browse source
This commit is contained in:
Vigilio Desto 2026-04-12 18:12:05 +02:00
parent 5ad5ade19b
commit 274398138f
Signed by: Vigo
GPG key ID: 159D6AD58C8E55E9
2 changed files with 32 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

21
public/css/garden.css
View file

@ -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);

21
static/css/garden.css
View file

@ -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);