diff --git a/config/waybar/style/Black & White.css b/config/waybar/style/Black & White.css index 5976090..5e166c4 100644 --- a/config/waybar/style/Black & White.css +++ b/config/waybar/style/Black & White.css @@ -56,6 +56,10 @@ tooltip label{ border-style: solid; border-color: white; border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } .modules-center { background-color: black;; @@ -63,6 +67,10 @@ tooltip label{ border-style: solid; border-color: white; border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } .modules-left { background-color: black; @@ -70,40 +78,44 @@ tooltip label{ border-style: solid; border-color: white; border-radius: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } /*-----modules indv----*/ #workspaces button { - background-color: transparent; box-shadow: none; 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); } #workspaces button:hover { color: grey; - background-color: rgba(0,153,153,0); - padding-left: 3px; - padding-right: 3px; + background-color: rgba(0,153,153,0.2); + 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); } -#workspaces button.focused { - background-color: rgba(0,85,102,0); -} #workspaces button.active { color: white; - background-color: rgba(191, 191, 191,0.1); - padding-left: 12px; - padding-right: 12px; + background: rgba(191, 191, 191,0.1); + 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); } +#workspaces button.persistent { + border-radius: 10px; +} + #backlight, #backlight-slider, #battery, @@ -150,10 +162,10 @@ tooltip label{ #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - padding-top: 3px; - padding-bottom: 3px; - padding-left: 6px; - padding-right: 6px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } #mode { color: #cc3436; @@ -195,15 +207,15 @@ tooltip label{ #taskbar button.active { background-color: #7f849c; - padding-left: 12px; - padding-right: 12px; + padding-left: 6px; + padding-right: 6px; animation: gradient_f 20s ease-in infinite; transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); } #taskbar button:hover { - 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); } diff --git a/config/waybar/style/Catppuccin-Latte.css b/config/waybar/style/Catppuccin-Latte.css index d7bf65d..8f0ef62 100644 --- a/config/waybar/style/Catppuccin-Latte.css +++ b/config/waybar/style/Catppuccin-Latte.css @@ -90,10 +90,10 @@ window#waybar.hidden { #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - padding-top: 3px; - padding-bottom: 3px; - padding-left: 5px; - padding-right: 5px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } #idle_inhibitor { @@ -165,44 +165,44 @@ window#waybar.hidden { 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); } #workspaces button:hover { - border-radius: 8px; + border-radius: 10px; color: @overlay0; background-color: @surface0; - 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); } #workspaces button.persistent { - color: @surface1; - border-radius: 0px; + color: @surface1; + border-radius: 10px; } #workspaces button.active { color: @peach; - border-radius: 8px; - padding-left: 12px; - padding-right: 12px; + border-radius: 10px; + 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); } #workspaces button.urgent { - color: @red; - border-radius: 0px; + color: @red; + border-radius: 0px; } #taskbar button.active { - 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); } diff --git a/config/waybar/style/Catppuccin-Mocha.css b/config/waybar/style/Catppuccin-Mocha.css index e2e66dc..914dc8d 100644 --- a/config/waybar/style/Catppuccin-Mocha.css +++ b/config/waybar/style/Catppuccin-Mocha.css @@ -32,15 +32,22 @@ window#waybar.hidden { /* This section can be use if you want to separate waybar modules */ .modules-left, .modules-center, .modules-right { - background: @theme_base_color; - border: 0.5px solid @overlay0; - padding: 0px 5px; - border-radius: 10px; + background: @theme_base_color; + border: 0.5px solid @overlay0; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; + border-radius: 10px; + } - .modules-left, .modules-right { - border: 1px solid @blue; - /*margin: 0px 5px;*/ +.modules-left, .modules-right { + border: 1px solid @blue; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } #backlight, @@ -89,10 +96,10 @@ window#waybar.hidden { #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - padding-top: 3px; - padding-bottom: 3px; - padding-left: 5px; - padding-right: 5px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } #idle_inhibitor { @@ -164,8 +171,8 @@ window#waybar.hidden { 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); } @@ -174,22 +181,22 @@ window#waybar.hidden { border-radius: 8px; color: @overlay0; background-color: @surface0; - 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); } #workspaces button.persistent { color: @surface1; - border-radius: 0px; + border-radius: 10px; } #workspaces button.active { color: @peach; border-radius: 8px; - 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); } @@ -200,15 +207,15 @@ window#waybar.hidden { } #taskbar button.active { - 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); } #taskbar button:hover { - 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); } diff --git a/config/waybar/style/Chroma Tally.css b/config/waybar/style/Chroma Tally.css index e887a40..96f416a 100644 --- a/config/waybar/style/Chroma Tally.css +++ b/config/waybar/style/Chroma Tally.css @@ -27,8 +27,8 @@ window#waybar { 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); } @@ -39,16 +39,16 @@ window#waybar { border-style: solid; border-radius: 15px; 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); } #workspaces button:hover { background-color: rgba(0,153,153,0); - 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); } diff --git a/config/waybar/style/Colored (Bordered).css b/config/waybar/style/Colored (Bordered).css index ada3cf5..07146cb 100644 --- a/config/waybar/style/Colored (Bordered).css +++ b/config/waybar/style/Colored (Bordered).css @@ -56,26 +56,23 @@ tooltip label{ 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); } -#workspaces button.focused { - background-color: transparent; -} #workspace button.hover { background-color: transparent; - 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); } #workspaces button.active { color: white; - 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); } @@ -84,6 +81,7 @@ tooltip label{ background-color: #eb4d4b; } + #backlight, #backlight-slider, #battery, @@ -127,10 +125,10 @@ tooltip label{ #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - padding-top: 3px; - padding-bottom: 3px; - padding-left: 10px; - padding-right: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; color: #e5e5e5; /* color: #bf616a; */ border-radius: 12px; diff --git a/config/waybar/style/Crimson.css b/config/waybar/style/Crimson.css index 171b8d7..dc36fb3 100644 --- a/config/waybar/style/Crimson.css +++ b/config/waybar/style/Crimson.css @@ -45,24 +45,24 @@ tooltip { /*-----module groups----*/ .modules-right { - padding-top: 4px; - padding-bottom: 4px; - padding-left: 5px; - padding-right: 5px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } .modules-center { - padding-top: 4px; - padding-bottom: 4px; - padding-left: 5px; - padding-right: 5px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } .modules-left { - padding-top: 4px; - padding-bottom: 4px; - padding-left: 5px; - padding-right: 5px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } #workspaces button { @@ -71,8 +71,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); } @@ -82,8 +82,8 @@ tooltip { background-color: #000000; border: 1px solid grey; border-radius: 15px 15px 15px 15px; - 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); } @@ -156,8 +156,8 @@ tooltip { color: wheat; padding-top: 2px; padding-bottom: 2px; - padding-right: 10px; - padding-left: 10px; + padding-right: 4px; + padding-left: 4px; } #temperature.critical { @@ -172,6 +172,7 @@ tooltip { #taskbar button.active { background-color: rgb(128, 31, 31); + border-radius: 8px; border: 1px solid grey; padding-left: 12px; padding-right: 12px; diff --git a/config/waybar/style/Dark.css b/config/waybar/style/Dark.css index 1ee744c..e153d89 100644 --- a/config/waybar/style/Dark.css +++ b/config/waybar/style/Dark.css @@ -81,8 +81,8 @@ tooltip label { 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); } @@ -90,8 +90,8 @@ tooltip label { #workspaces button.active { color: @foreground; border-radius: 15px 15px 15px 15px; - 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); } @@ -108,8 +108,8 @@ tooltip label { #workspaces button:hover { color: #9CCFD8; border-radius: 15px; - 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); } @@ -163,7 +163,8 @@ tooltip label { color: @foreground; padding-top: 2px; padding-bottom: 2px; - padding: 1px 4px; + padding-right: 4px; + padding-left: 4px; border-radius: 8px; } diff --git a/config/waybar/style/Golden Noir.css b/config/waybar/style/Golden Noir.css index ce7c2e2..14a55d6 100644 --- a/config/waybar/style/Golden Noir.css +++ b/config/waybar/style/Golden Noir.css @@ -50,10 +50,10 @@ tooltip { /*-----module groups----*/ .modules-right { - padding-top: 3px; - padding-bottom: 3px; - padding-right: 5px; - padding-left: 5px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } @@ -61,17 +61,17 @@ tooltip { border-left: 1px solid #ffd700; border-right: 1px solid #ffd700; border-radius: 20px; - padding-top: 3px; - padding-bottom: 3px; - padding-right: 5px; - padding-left: 5px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } .modules-left { - padding-top: 3px; - padding-bottom: 3px; - padding-right: 5px; - padding-left: 5px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } #workspaces button { @@ -80,8 +80,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); } @@ -91,8 +91,8 @@ tooltip { border-radius: 50%; background-color: black; border-radius: 15px 15px 15px 15px; - 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); } @@ -109,8 +109,8 @@ tooltip { #workspaces button:hover { color: #ffd700; border-radius: 15px; - 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); } @@ -166,8 +166,10 @@ tooltip { #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { color: #e5d9f5; - padding-right: 8px; - padding-left: 8px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } #temperature.critical { diff --git a/config/waybar/style/Light.css b/config/waybar/style/Light.css index 0d4a40f..60fca0c 100644 --- a/config/waybar/style/Light.css +++ b/config/waybar/style/Light.css @@ -78,8 +78,8 @@ tooltip label { 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); } @@ -87,8 +87,8 @@ tooltip label { #workspaces button.active { color: #000000; border-radius: 15px 15px 15px 15px; - 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); } @@ -105,8 +105,8 @@ tooltip label { #workspaces button:hover { color: #000000; border-radius: 15px; - 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); } @@ -158,7 +158,10 @@ tooltip label { #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { color: #000000; - padding: 1px 5px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; border-radius: 8px; } diff --git a/config/waybar/style/Purpl.css b/config/waybar/style/Purpl.css index 72694e1..226a540 100644 --- a/config/waybar/style/Purpl.css +++ b/config/waybar/style/Purpl.css @@ -51,12 +51,17 @@ tooltip { border: 5px solid #20052a; border-radius: 100px 0px 0px 0px; background-color: #3d174b; - padding-right: 10px; - padding-left: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } .modules-center { - /*background-color: #1e1e2e;*/ + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } @@ -66,8 +71,10 @@ tooltip { border: 5px solid #20052a; border-radius: 0px 0px 100px 0px; background-color: #441a53; - padding-right: 10px; - padding-left: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } #workspaces button { @@ -76,8 +83,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); } @@ -86,8 +93,8 @@ tooltip { color: #cba6f7; border-radius: 50%; background-color: black; - 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); } @@ -104,8 +111,8 @@ tooltip { #workspaces button:hover { color: #9CCFD8; border-radius: 15px; - 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); } @@ -157,7 +164,10 @@ tooltip { #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { color: whitesmoke; - padding: 0px 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } diff --git a/config/waybar/style/Pywal.css b/config/waybar/style/Pywal.css index 90a87f8..411cf42 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 { diff --git a/config/waybar/style/Rainbow Spectrum.css b/config/waybar/style/Rainbow Spectrum.css index 33516a3..67c6f2a 100644 --- a/config/waybar/style/Rainbow Spectrum.css +++ b/config/waybar/style/Rainbow Spectrum.css @@ -170,8 +170,8 @@ tooltip label{ 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); } @@ -179,8 +179,8 @@ tooltip label{ #workspaces button.active { background-color: #eba0ac; color: #3A3B3C; - 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); } @@ -188,8 +188,8 @@ tooltip label{ #workspaces button:hover { background: #eb6f92; color: #f6c177; - 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); } diff --git a/config/waybar/style/Rose-Pine.css b/config/waybar/style/Rose-Pine.css index 8df0c9f..84c514a 100644 --- a/config/waybar/style/Rose-Pine.css +++ b/config/waybar/style/Rose-Pine.css @@ -36,8 +36,8 @@ tooltip { text-shadow: none; padding: 0px; border-radius: 9px; - padding-left: 3px; - padding-right: 3px; + padding-left: 4px; + padding-right: 4px; color: @main-fg; animation: gradient_f 20s ease-in infinite; transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); @@ -46,8 +46,8 @@ tooltip { #workspaces button.active { background: @wb-act-bg; color: @wb-act-fg; - 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); } @@ -55,8 +55,8 @@ tooltip { #workspaces button:hover { background: @wb-hvr-bg; color: @wb-hvr-fg; - 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); } @@ -76,8 +76,8 @@ tooltip { #taskbar button.active { background: @wb-act-bg; color: @wb-act-color; - padding-left: 12px; - padding-right: 12px; + padding-left: 6px; + padding-right: 6px; animation: gradient_f 20s ease-in infinite; transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); } @@ -140,10 +140,10 @@ tooltip { color: @main-fg; background: @main-bg; opacity: 1; - padding-top: 3px; - padding-bottom: 3px; - padding-left: 6px; - padding-right: 6px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } #temperature.critical { diff --git a/config/waybar/style/Simple Pink.css b/config/waybar/style/Simple Pink.css index fda97d4..bc966f0 100644 --- a/config/waybar/style/Simple Pink.css +++ b/config/waybar/style/Simple Pink.css @@ -51,18 +51,18 @@ tooltip { border: 5px solid #19141b; border-radius: 50px 50px 50px 50px; background-color: #ba5663; - padding-top: 3px; - padding-bottom: 3px; - padding-right: 10px; - padding-left: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } .modules-center { background-color: black; - padding-top: 3px; - padding-bottom: 3px; - padding-right: 10px; - padding-left: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } @@ -71,10 +71,10 @@ tooltip { border: 5px solid #0d0a0f; border-radius: 50px 50px 50px 50px; background-color: #ba5663; - padding-top: 3px; - padding-bottom: 3px; - padding-right: 10px; - padding-left: 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } #workspaces button { @@ -83,8 +83,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); } @@ -93,8 +93,8 @@ tooltip { color: whitesmoke; background-color: pink; border-radius: 15px 15px 15px 15px; - padding-left: 10px; - padding-right: 10px; + 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); @@ -113,8 +113,8 @@ tooltip { color: #ba5663; background-color: #0d0a0d; border-radius: 15px; - 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); @@ -167,7 +167,10 @@ tooltip { #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { color: whitesmoke; - padding: 0px 10px; + padding-top: 2px; + padding-bottom: 2px; + padding-right: 4px; + padding-left: 4px; } diff --git a/config/waybar/style/Translucent Chromatic.css b/config/waybar/style/Translucent Chromatic.css index 85eb667..ce65f33 100644 --- a/config/waybar/style/Translucent Chromatic.css +++ b/config/waybar/style/Translucent Chromatic.css @@ -20,7 +20,7 @@ font-family: "JetBrainsMono Nerd Font"; font-weight: bold; min-height: 0; /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */ -font-size: 95%; +font-size: 98%; font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"'; padding: 1px; } @@ -68,8 +68,8 @@ tooltip label{ 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); } @@ -77,16 +77,16 @@ tooltip label{ #workspaces button.active { background-color: transparent; color: #D3D3D3; - 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); } #workspaces button:hover { background: rgba(0, 0, 0, 0.2); - 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); } @@ -152,8 +152,8 @@ tooltip label{ #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - padding-top: 3px; - padding-bottom: 3px; + padding-top: 2px; + padding-bottom: 2px; padding-left: 4px; padding-right: 4px; } diff --git a/config/waybar/style/Transparent.css b/config/waybar/style/Transparent.css index 5f7f852..f69280d 100644 --- a/config/waybar/style/Transparent.css +++ b/config/waybar/style/Transparent.css @@ -61,8 +61,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); } @@ -70,8 +70,8 @@ tooltip { #workspaces button.active { color: whitesmoke; border-radius: 15px 15px 15px 15px; - 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); } @@ -88,8 +88,8 @@ tooltip { #workspaces button:hover { color: whitesmoke; border-radius: 15px; - 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); } @@ -137,9 +137,10 @@ tooltip { #custom-weather.showyIcyDay, #custom-weather.snowyIcyNight, #custom-weather.sunnyDay { - color:whitesmoke; - padding: 0px 10px; - + padding-top: 2px; + padding-bottom: 2px; + padding-left: 4px; + padding-right: 4px; } #temperature.critical {