klingenbergbygg/questions
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lesbarhet: skjemakontroller på mørk/rød panel
lint-and-reload / lint (push) Successful in 1s
Details

Browse Source 
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 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Y42TyF8Zu7NGRR2893vNcZ
This commit is contained in:
bl
2026-09-01 22:08:12 +02:00
co-authored by Claude Fable 5
parent e1bc45704a
commit d2564451ec
1 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
custom.css
+27
View File
@@ -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; }