From d2564451ec819d607217a19792c3a0689975f06a Mon Sep 17 00:00:00 2001 From: Bendik Aagaard Lynghaug Date: Tue, 1 Sep 2026 22:08:12 +0200 Subject: [PATCH] =?UTF-8?q?Lesbarhet:=20skjemakontroller=20p=C3=A5=20m?= =?UTF-8?q?=C3=B8rk/r=C3=B8d=20panel?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Pillene, inputfeltene og placeholder-teksten arvet panelets lyse ink på lys flate (usynlig). Nå fast mørk tekst på lys kontroll, valgt pill fylles med panelets aksent + mørk ink. Co-Authored-By: Claude Fable 5 Claude-Session: https://claude.ai/code/session_01Y42TyF8Zu7NGRR2893vNcZ --- custom.css | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/custom.css b/custom.css index 068eeeb..0907ba6 100644 --- a/custom.css +++ b/custom.css @@ -74,6 +74,33 @@ body { font-family: var(--sans); font-size: 1.06rem; } color: #8a1e12; } +/* Form controls keep their light surface inside the dark and brick + panels, so their text must NOT inherit the panel's light ink - + pin it dark, and darken the placeholder, so nothing is light-on- + light. The selected pill fills with the panel accent (terracotta / + cream) and carries dark ink, which reads on either panel. */ +.alt-card:nth-of-type(3n+1) .select-option, +.alt-card:nth-of-type(3n) .select-option, +.alt-card:nth-of-type(3n+1) input, +.alt-card:nth-of-type(3n) input, +.alt-card:nth-of-type(3n+1) textarea, +.alt-card:nth-of-type(3n) textarea { + color: #201a18; + background: #f6f5f3; + border-color: #cabfb6; +} +.alt-card:nth-of-type(3n+1) .select-option.selected, +.alt-card:nth-of-type(3n) .select-option.selected { + color: #201a18; + background: var(--accent); + border-color: var(--accent); +} +.alt-card:nth-of-type(3n+1) ::placeholder, +.alt-card:nth-of-type(3n) ::placeholder { + color: #8a827b; + opacity: 1; +} + /* Wordmark: the mark carries its own red ground, so just seat it. */ .wordmark img { border-radius: 0.35rem; }