nixos/home/hyprland/waybar/style.css
Evie Litherland-Smith 3ab21edc2c Restore old waybar style using stylix to set color
Stylix sets color and font for waybar, custom config imports and uses
those
Update style with more consistent size, new look to the top and
transparency (with blur of course)

Slightly reduce gaps across whole UI to make better use of space without
compromising looks

Add TODO to restyle swaync using new method at some point...
2023-10-17 08:15:52 +01:00

59 lines
987 B
CSS

@import "./scheme.css";
* { font-size: 14px; }
window { background: transparent; }
window > box {
color: @base05;
background: alpha(@base00, 0.5);
box-shadow: inset 0 0 0 1px alpha(@base03, 0.1), 0 0 0 1px alpha(@base00, 0.5);
margin: 5px 5px 0px;
padding: 0px;
border: 1px solid @base03;
border-radius: 10px;
}
tooltip {
color: @base05;
background: alpha(@base00, 0.5);
box-shadow: inset 0 0 0 1px alpha(@base0A, 0.1), 0 0 0 1px alpha(@base00, 0.5);
border: 1px solid @base0A;
border-radius: 10px;
padding: 5px;
margin: 0px;
}
#workspaces,
#cava,
#cpu,
#memory,
#temperature,
#clock,
#mpris,
#pulseaudio,
#bluetooth,
#network,
#backlight,
#battery,
#tray {
color: @base05;
margin: 0px;
padding: 0px 5px;
}
#workspaces button,
#tray > .passive {
color: @base03;
}
#workspaces button.active,
#tray > .active {
color: @base05;
}
#workspaces button.urgent,
#tray > .needs-attention {
color: @base07;
}