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/Colorful.css | |
| parent | 5133e22184025c56fe9c8489c792de829c68f498 (diff) | |
Tweaked waybar styles
Diffstat (limited to 'config/waybar/style/Colorful.css')
| -rw-r--r-- | config/waybar/style/Colorful.css | 43 |
1 files changed, 42 insertions, 1 deletions
diff --git a/config/waybar/style/Colorful.css b/config/waybar/style/Colorful.css index 0fab7642..c0ad5aba 100644 --- a/config/waybar/style/Colorful.css +++ b/config/waybar/style/Colorful.css @@ -1,4 +1,5 @@ /* ---- 💫 https://github.com/JaKooLit 💫 ---- */ +/* Colorful */ * { font-family: "JetBrainsMono Nerd Font"; @@ -162,14 +163,36 @@ tooltip label{ } #workspaces button { - border-radius: 8px; background-color: #d9e0ee; color: #3A3B3C; + 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 { background-color: #eba0ac; color: #3A3B3C; + 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: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); } #taskbar button { @@ -181,7 +204,21 @@ tooltip label{ #taskbar button.active { background-color: #b4befe; color: #3A3B3C; + 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); } + #custom-menu { background-color: #f5c2e7; /*padding: 1px;*/ @@ -224,6 +261,10 @@ tooltip label{ background-color: #86b4fa; } +#temperature.critical { + background-color: red; +} + #custom-power_vertical, #custom-light_dark, #idle_inhibitor { |