From c51167edbca54795a9a7a33bfc36561a39672758 Mon Sep 17 00:00:00 2001 From: buddywhitman Date: Tue, 13 Oct 2026 15:16:56 +0530 Subject: [PATCH] =?UTF-8?q?fix(styles):=20move=20the=20last=20raw=20colour?= =?UTF-8?q?=20literals=20into=20tokens.css=20(=C2=A74.1.1)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The "no raw colour literals outside tokens.css" step has failed every CI run on main: - ConnectCallout.astro:74 named the dark surface hex in a comment; it now says "near-black". - SiteHeader.astro:435 had the More menu's float shadow inline; it is now --shadow-float in tokens.css, the only file allowed to carry colour values. No visual change. Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_01DCSn5sr8sYzppbRPy4wR9X --- src/components/ConnectCallout.astro | 2 +- src/components/SiteHeader.astro | 2 +- src/styles/tokens.css | 2 ++ 3 files changed, 4 insertions(+), 2 deletions(-) diff --git a/src/components/ConnectCallout.astro b/src/components/ConnectCallout.astro index fb049d5..6585022 100644 --- a/src/components/ConnectCallout.astro +++ b/src/components/ConnectCallout.astro @@ -71,7 +71,7 @@ const LINES = { /* The sponsor-tint register: accent at a whisper over surface, not a fill. Kept flat (no gradient) so it never competes with PluginSubmitCTA, which is the louder invite and owns the gradient. `color-mix` keeps both themes correct from one declaration — - in dark, --color-surface is #141417 and the tint stays a tint. */ + in dark, --color-surface is near-black and the tint stays a tint. */ background: color-mix(in srgb, var(--color-accent) 8%, var(--color-surface)); } diff --git a/src/components/SiteHeader.astro b/src/components/SiteHeader.astro index 382a9af..50f978b 100644 --- a/src/components/SiteHeader.astro +++ b/src/components/SiteHeader.astro @@ -432,7 +432,7 @@ const utility = [ border-radius: var(--radius-sm); background: var(--color-surface); /* the one place the header floats over content — it needs to read as a layer */ - box-shadow: 0 8px 24px rgb(0 0 0 / 0.12); + box-shadow: var(--shadow-float); } .navMore__link { display: flex; diff --git a/src/styles/tokens.css b/src/styles/tokens.css index b73d14e..91f0d4a 100644 --- a/src/styles/tokens.css +++ b/src/styles/tokens.css @@ -83,6 +83,8 @@ --radius-sm: 2px; --radius-none: 0; --shadow-none: none; + /* A surface that floats over content (the header's More menu). */ + --shadow-float: 0 8px 24px rgb(0 0 0 / 0.12); } :root {