jamey/berrypod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

add WCAG-compliant input border contrast across all moods

Browse Source 
New --t-border-input token per mood, all 3:1+ contrast against their
surface backgrounds (neutral #8c8c8c, warm #8a827a, cool #7a8591,
dark #707070). Used on admin inputs/selects/textareas and shop
themed-input/themed-select, with graceful fallback to --t-border-default.
Decorative borders on cards, dividers, panels are unchanged.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
jamey
2026-03-04 00:48:08 +00:00
parent 92a008926e
commit 696843bacd
4 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/theme-layer2-attributes.css
View File

@@ -247,7 +247,7 @@
& .themed-input {
background-color: var(--t-surface-base);
color: var(--t-text-primary);
border: 1px solid var(--t-border-default);
border: 1px solid var(--t-border-input, var(--t-border-default));
border-radius: var(--t-radius-input);
padding: 0.5rem 0.75rem;
@@ -264,7 +264,7 @@
& .themed-select {
background-color: var(--t-surface-raised);
color: var(--t-text-primary);
border: 1px solid var(--t-border-default);
border: 1px solid var(--t-border-input, var(--t-border-default));
border-radius: var(--t-radius-input);
padding: 0.375rem 0.75rem;
font-size: var(--t-text-small);