From 9434d00294fac4b891acc793aeda9cfe561b96c2 Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Wed, 29 Nov 2023 12:12:59 +0900 Subject: Complete workout of waybar CSS --- config/waybar/style/Pywal.css | 36 ++++++++++++++++++++++-------------- 1 file changed, 22 insertions(+), 14 deletions(-) (limited to 'config/waybar/style/Pywal.css') diff --git a/config/waybar/style/Pywal.css b/config/waybar/style/Pywal.css index 90a87f84..411cf426 100644 --- a/config/waybar/style/Pywal.css +++ b/config/waybar/style/Pywal.css @@ -45,24 +45,30 @@ tooltip { border: 3px solid @color14; border-radius: 40px 0px 0px 0px; background-color: @color1; - padding-left: 8px; - padding-right: 8px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } .modules-center { border: 3px solid @color14; border-radius: 60px 0px 60px 0px; background-color: @background; - padding-left: 8px; - padding-right: 8px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } .modules-left { border: 3px solid @color14; border-radius: 0px 0px 40px 0px; background-color: @color1; - padding-left: 8px; - padding-right: 8px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } #workspaces button { @@ -71,8 +77,8 @@ tooltip { text-shadow: none; padding: 0px; border-radius: 9px; - padding-left: 3px; - padding-right: 3px; + padding-left: 4px; + padding-right: 4px; animation: gradient_f 20s ease-in infinite; transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); } @@ -80,8 +86,8 @@ tooltip { #workspaces button.active { color: @background; background-color: @color2; - padding-left: 12px; - padding-right: 12px; + padding-left: 8px; + padding-right: 8px; animation: gradient_f 20s ease-in infinite; transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); } @@ -97,8 +103,8 @@ tooltip { #workspaces button:hover { color: @color4; - padding-left: 3px; - padding-right: 3px; + padding-left: 2px; + padding-right: 2px; animation: gradient_f 20s ease-in infinite; transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); } @@ -154,8 +160,10 @@ tooltip { #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { color: @foreground; - padding-right: 8px; - padding-left: 8px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 6px; + padding-left: 6px; } #temperature.critical { -- cgit v1.2.3