Adjust Waybar style 💄

* Specified that the font size is in pixels.
  (GTK warns about font sizes without units being deprecated.)
* Removed border-radius as it was set to the default value.
* Added support for tooltips.
This commit is contained in:
Daniel Thwaites 2023-07-14 16:06:10 +01:00
parent d14076e46f
commit 0087f554ff
No known key found for this signature in database
GPG key ID: D8AFC4BF05670F9D

View file

@ -29,17 +29,20 @@ with config.stylix.fonts;
@define-color base08 ${base08}; @define-color base09 ${base09}; @define-color base0A ${base0A}; @define-color base0B ${base0B};
@define-color base0C ${base0C}; @define-color base0D ${base0D}; @define-color base0E ${base0E}; @define-color base0F ${base0F};
* {
border: none;
border-radius: 0;
font-family: ${sansSerif.name};
font-size: ${builtins.toString sizes.desktop};
font-size: ${builtins.toString sizes.desktop}px;
}
window#waybar {
window#waybar, tooltip {
background: alpha(@base00, ${with config.stylix.opacity; builtins.toString desktop});
color: @base05;
}
tooltip {
border-color: @base0D;
}
''
+ (builtins.readFile ./base.css)
+ (if config.stylix.targets.waybar.enableLeftBackColors then builtins.readFile ./left.css else ''