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/Light.css | |
| parent | 5133e22184025c56fe9c8489c792de829c68f498 (diff) | |
Tweaked waybar styles
Diffstat (limited to 'config/waybar/style/Light.css')
| -rw-r--r-- | config/waybar/style/Light.css | 38 |
1 files changed, 36 insertions, 2 deletions
diff --git a/config/waybar/style/Light.css b/config/waybar/style/Light.css index 1ec890bf..9f58bdaa 100644 --- a/config/waybar/style/Light.css +++ b/config/waybar/style/Light.css @@ -1,4 +1,5 @@ /* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* Light */ * { font-family: "JetBrainsMono Nerd Font"; @@ -69,11 +70,27 @@ tooltip label { #workspaces button { color: #585b70; + 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: #000000; - border-radius: 15px 15px 15px 15px; + border-radius: 15px 15px 15px 15px; + 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 { @@ -87,7 +104,11 @@ tooltip label { #workspaces button:hover { color: #000000; - 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, @@ -151,6 +172,19 @@ tooltip label { #taskbar button.active { background-color: #585b70; color: #cdd6f4; + 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) { |