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:
parent
7881dedec0
commit
7d5965a884
1 changed files with 12 additions and 9 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue