diff --git a/waybar/config b/waybar/config index ee12d2e..0c5c16f 100755 --- a/waybar/config +++ b/waybar/config @@ -2,8 +2,8 @@ { "name": "main", "layer": "bottom", - "position": "bottom", - "height": 44, + "position": "top", + "height": 38, "spacing": 0, "output": "DP-3", "reload_style_on_change": true, diff --git a/waybar/style.css b/waybar/style.css index 18ba293..370f82e 100755 --- a/waybar/style.css +++ b/waybar/style.css @@ -11,10 +11,8 @@ window#waybar { background: alpha(@mantle, 0.7); - border-top: 4px solid @crust; border-radius: 0px; color: @peach; - padding: 4px; } window#waybar.hidden { @@ -22,22 +20,28 @@ window#waybar.hidden { } #workspaces button { - color: @peach; + color: @base; transition: all 0.1s ease; } #workspaces button.active { - background-color: alpha(@peach, 0.2); + background-color: alpha(@base, 0.4); border-radius: 2px; - margin-top: 2px; - margin-bottom: 2px; transition: all 0.1s ease; } .modules-left, .modules-center, .modules-right { - padding: 4 4 2 4px; + padding-bottom: 6px; +} + +.modules-left { + padding-left: 440px; +} + +.modules-right { + padding-right: 440px; } #clock, @@ -48,13 +52,19 @@ window#waybar.hidden { #temperature, #tray, #wireplumber, +#workspaces, #custom-gpu, #custom-poweroff, #custom-weather { - background-color: @base; + background-color: @peach; border-radius: 6px; margin-left: 6px; margin-right: 6px; - padding: 0 10px; - color: @peach; + color: @base; + min-width: 70px; +} + + +#clock { + min-width: 100px; }