From 274398138f19b4bbfa3646c70cb88c655043a21e Mon Sep 17 00:00:00 2001 From: Vigilio Desto Date: Sun, 12 Apr 2026 18:12:05 +0200 Subject: [PATCH] =?UTF-8?q?Override=20ASW=20--surface=20tokens=20with=20ga?= =?UTF-8?q?rden=20indigo=20palette=20=E2=80=94=20fixes=20achromatic=20bg?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/garden.css | 21 ++++++++++++++++----- static/css/garden.css | 21 ++++++++++++++++----- 2 files changed, 32 insertions(+), 10 deletions(-) diff --git a/public/css/garden.css b/public/css/garden.css index 1b1fec4..81e20c1 100644 --- a/public/css/garden.css +++ b/public/css/garden.css @@ -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); diff --git a/static/css/garden.css b/static/css/garden.css index 1b1fec4..81e20c1 100644 --- a/static/css/garden.css +++ b/static/css/garden.css @@ -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);