alexei.dolgolyov/wled-screen-controller-mixed
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auto-compute contrast text color for accent backgrounds

Browse Source 
Add --primary-contrast CSS variable that auto-switches between white and
dark text based on accent color luminance (WCAG relative luminance).
Replace all hardcoded #fff/white on primary-color backgrounds with
var(--primary-contrast) so light accent colors like yellow remain readable.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Admin
2026-02-27 16:22:45 +03:00
parent 46a2ebf61e
commit 2bca119ad4
9 changed files with 23 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
server/src/wled_controller/static/css/cards.css
View File

@@ -399,7 +399,7 @@ body.cs-drag-active .card-drag-handle {
padding: 1px 5px;
border-radius: 3px;
background: var(--primary-color);
color: #fff;
color: var(--primary-contrast);
font-weight: 600;
vertical-align: middle;
margin-right: 2px;