kyle/SignageHTML
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Introduce CSS custom properties for consistent theming #7

New Issue
Closed
opened 2026-02-15 04:56:31 -08:00 by kyle · 0 comments
kyle commented 2026-02-15 04:56:31 -08:00
Owner
Copy Link

Problem: 100+ hardcoded color values scattered across CSS files made theming inconsistent and maintenance difficult. Dark mode overrides were duplicated between files.

Solution: Added block with ~25 CSS custom properties for colors, radii, shadows, and gradients. Replaced ~93 hardcoded color values in components.css and updated main.css to use variables throughout.

Files changed:

    • Added :root variables, replaced hardcoded colors
    • Replaced ~93 hardcoded colors with variable references
**Problem:** 100+ hardcoded color values scattered across CSS files made theming inconsistent and maintenance difficult. Dark mode overrides were duplicated between files. **Solution:** Added block with ~25 CSS custom properties for colors, radii, shadows, and gradients. Replaced ~93 hardcoded color values in components.css and updated main.css to use variables throughout. **Files changed:** - - Added :root variables, replaced hardcoded colors - - Replaced ~93 hardcoded colors with variable references
kyle closed this issue 2026-02-15 05:05:26 -08:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
kyle
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: kyle/SignageHTML#7
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?