From: Andre Ramnitz Date: Mon, 24 Mar 2025 17:50:07 +0000 (+0100) Subject: waybar: tweak css X-Git-Url: https://git.ramnitz.eu/?a=commitdiff_plain;h=03fb5f344b90ac9f0719acab71502896edc39211;p=dotfiles.git waybar: tweak css --- diff --git a/dot-config/waybar/style.css b/dot-config/waybar/style.css index d5266571..16ca72fe 100644 --- a/dot-config/waybar/style.css +++ b/dot-config/waybar/style.css @@ -5,8 +5,9 @@ /* ----------------------------------- window ----------------------------------- */ * { font-family: "ZedMono NFP"; - font-size: 14px; + font-size: 12pt; min-height: 7px; + font-weight: bold; padding: 0; margin: 0; } @@ -62,7 +63,7 @@ tooltip label { } #workspaces button:hover { - background: alpha(@base07, 0.7); + background: alpha(@base07, 1.0); } #workspaces button.focused:hover, @@ -75,7 +76,7 @@ tooltip label { #workspaces button.active { border-radius: 8px; background: @base0C; - border: 1px solid @base03; + border: 1px solid @base0C; padding: 0 8px; color: @base00; transition: all 0.3s ease; @@ -92,8 +93,8 @@ tooltip label { #window { padding-left: 10px; padding-right: 10px; - color: @base05; - background-color: alpha(@base04, 0.1); + color: @base00; + background-color: alpha(@base05, 1.0); border-radius: 0px 0px 4px 4px; margin-top: 0px; margin-bottom: 4px; @@ -126,11 +127,15 @@ window#waybar { margin-right: 1px; margin-bottom: 2px; color: @base00; - background: @base0D; + background: @base09; border: 1px solid @base01; border-radius: 4px 8px 4px 8px; } +#custom-launcher:hover { + background-color: alpha(@base0A, 1.0); +} + #custom-notification { padding-left: 10px; padding-right: 10px; @@ -139,11 +144,15 @@ window#waybar { margin-right: 1px; margin-bottom: 2px; color: @base00; - background: @base0E; + background: @base09; border: 1px solid @base01; border-radius: 8px 4px 8px 4px; } +#custom-notification:hover { + background-color: alpha(@base0A, 1.0); +} + #mpd { padding-left: 4px; padding-right: 4px; @@ -279,7 +288,7 @@ window#waybar { color: @base00; background-color: alpha(@base04, 0.1); border-radius: 0px 0px 0px 4px; - margin-top: 0px; + margin-top: 1px; margin-bottom: 4px; border-top: none; border-left: 1px solid; @@ -292,10 +301,10 @@ window#waybar { font-weight: 500; padding-left: 6px; padding-right: 6px; - color: @base06; + color: @base07; background-color: alpha(@base04, 0.1); border-radius: 0px 0px 4px 0px; - margin-top: 0px; + margin-top: 1px; margin-bottom: 4px; border-top: none; border-left: none; @@ -434,7 +443,3 @@ window#waybar { background-color: alpha(@base07, 0.3); } -#custom-launcher:hover, -#custom-notification:hover { - background-color: alpha(@base07, 0.7); -}