- Created CSS template for Waybar variables using @define-color. - Mapped system DNA to generic and semantic CSS variable names. - Updated documentation and repository map.
26 lines
826 B
Django/Jinja
26 lines
826 B
Django/Jinja
/* {{ scheme }} — Waybar Color Palette */
|
|
/* DNA: State over Decoration */
|
|
|
|
@define-color void {{ palette.background }};
|
|
@define-color stark {{ palette.foreground }};
|
|
@define-color razor {{ palette.cursor }};
|
|
@define-color tech {{ palette.info }};
|
|
@define-color toxic {{ palette.success }};
|
|
@define-color amber {{ palette.warning }};
|
|
@define-color sacred {{ palette.special }};
|
|
@define-color alert {{ ansi.bright.red }};
|
|
|
|
@define-color panel {{ ui.panel }};
|
|
@define-color border {{ ui.border }};
|
|
@define-color stealth {{ ui.stealth }};
|
|
@define-color dim {{ ui.dim }};
|
|
|
|
/* Semantic mappings for easier integration */
|
|
@define-color background @void;
|
|
@define-color foreground @stark;
|
|
@define-color accent @razor;
|
|
@define-color info @tech;
|
|
@define-color success @toxic;
|
|
@define-color warning @amber;
|
|
@define-color error @alert;
|