waybar: reference stylix @base00..05 tokens instead of hardcoded hex

Stylix's waybar target injects @define-color base00..base0F at the top
of style.css; our hardcoded RGB values were ignoring them. Swap the
hand-picked greys for the stylix tokens so the bar follows the
wallpaper palette.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
ediblerope 2026-05-11 19:56:05 +01:00
parent 7881dedec0
commit 7d5965a884

View file

@ -338,6 +338,9 @@
};
};
# Colour tokens (@base00..@base0F) are injected by stylix's waybar
# target. We reference them instead of hardcoded hex so the bar
# follows the wallpaper-derived palette.
style = ''
* {
font-family: "FiraMono Nerd Font", monospace;
@ -348,8 +351,8 @@
}
window#waybar {
background: rgba(20, 20, 20, 0.82);
color: #e8e8e8;
background: alpha(@base00, 0.82);
color: @base05;
}
#workspaces {
@ -358,23 +361,23 @@
#workspaces button {
padding: 0 8px;
color: #6e6e6e;
color: @base03;
background: transparent;
}
#workspaces button.active {
color: #ffffff;
color: @base05;
}
#workspaces button:hover {
background: rgba(255, 255, 255, 0.06);
color: #ffffff;
background: alpha(@base05, 0.08);
color: @base05;
box-shadow: none;
text-shadow: none;
}
#clock {
color: #ffffff;
color: @base05;
font-weight: 500;
}
@ -382,12 +385,12 @@
#network,
#tray {
padding: 0 10px;
color: #e8e8e8;
color: @base05;
}
#pulseaudio.muted,
#network.disconnected {
color: #6e6e6e;
color: @base03;
}
#tray {