diff options
| author | JaKooLit <jimmielovejay@gmail.com> | 2023-11-20 12:16:04 +0900 |
|---|---|---|
| committer | JaKooLit <jimmielovejay@gmail.com> | 2023-11-20 12:16:04 +0900 |
| commit | 9c3c8eb04dcf846a54bc451424dfc8800f918f1d (patch) | |
| tree | 743671ac47ce8b4fe4873ce76b0b5e756322e77d /config/waybar/style/Purpl.css | |
| parent | 5133e22184025c56fe9c8489c792de829c68f498 (diff) | |
Tweaked waybar styles
Diffstat (limited to 'config/waybar/style/Purpl.css')
| -rw-r--r-- | config/waybar/style/Purpl.css | 36 |
1 files changed, 34 insertions, 2 deletions
diff --git a/config/waybar/style/Purpl.css b/config/waybar/style/Purpl.css index 9598ae6a..b5904647 100644 --- a/config/waybar/style/Purpl.css +++ b/config/waybar/style/Purpl.css @@ -74,15 +74,30 @@ tooltip { } #workspaces button { - padding: 2px; color: #6E6A86; margin-right: 5px; + box-shadow: none; + text-shadow: none; + padding: 0px; + border-radius: 9px; + margin-top: 3px; + margin-bottom: 3px; + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682); } #workspaces button.active { color: #cba6f7; border-radius: 50%; background-color: black; + margin-left: 3px; + padding-left: 12px; + padding-right: 12px; + margin-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); } #workspaces button.focused { @@ -96,7 +111,11 @@ tooltip { #workspaces button:hover { color: #9CCFD8; - border-radius: 15px; + border-radius: 15px; + padding-left: 3px; + padding-right: 3px; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); } #backlight, @@ -158,6 +177,19 @@ tooltip { #taskbar button.active { background-color: purple; + margin-left: 3px; + padding-left: 12px; + padding-right: 12px; + margin-right: 3px; + 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; + animation: gradient_f 20s ease-in infinite; + transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682); } #battery.critical:not(.charging) { |