rope/nixos
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source 
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
1 changed files with 12 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

21
settings/hyprland.nix
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 = '' style = ''
* { * {
font-family: "FiraMono Nerd Font", monospace; font-family: "FiraMono Nerd Font", monospace;
@ -348,8 +351,8 @@
} }
window#waybar { window#waybar {
background: rgba(20, 20, 20, 0.82); background: alpha(@base00, 0.82);
color: #e8e8e8; color: @base05;
} }
#workspaces { #workspaces {
@ -358,23 +361,23 @@
#workspaces button { #workspaces button {
padding: 0 8px; padding: 0 8px;
color: #6e6e6e; color: @base03;
background: transparent; background: transparent;
} }
#workspaces button.active { #workspaces button.active {
color: #ffffff; color: @base05;
} }
#workspaces button:hover { #workspaces button:hover {
background: rgba(255, 255, 255, 0.06); background: alpha(@base05, 0.08);
color: #ffffff; color: @base05;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
} }
#clock { #clock {
color: #ffffff; color: @base05;
font-weight: 500; font-weight: 500;
} }
@ -382,12 +385,12 @@
#network, #network,
#tray { #tray {
padding: 0 10px; padding: 0 10px;
color: #e8e8e8; color: @base05;
} }
#pulseaudio.muted, #pulseaudio.muted,
#network.disconnected { #network.disconnected {
color: #6e6e6e; color: @base03;
} }
#tray { #tray {