From 9c3c8eb04dcf846a54bc451424dfc8800f918f1d Mon Sep 17 00:00:00 2001 From: JaKooLit Date: Mon, 20 Nov 2023 12:16:04 +0900 Subject: Tweaked waybar styles --- config/waybar/style/Crimson.css | 36 +++++++++++++++++++++++++++++++++++- 1 file changed, 35 insertions(+), 1 deletion(-) (limited to 'config/waybar/style/Crimson.css') diff --git a/config/waybar/style/Crimson.css b/config/waybar/style/Crimson.css index cc67bf9b..13c37b3a 100644 --- a/config/waybar/style/Crimson.css +++ b/config/waybar/style/Crimson.css @@ -61,13 +61,29 @@ tooltip { #workspaces button { color: wheat; - padding: 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: rgb(108, 18, 18); background-color: #000000; border: 1px solid grey; + 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 { @@ -82,6 +98,11 @@ tooltip { #workspaces button:hover { color: rgb(71, 14, 14); background-color: #000000; + 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); } @@ -146,6 +167,19 @@ tooltip { #taskbar button.active { background-color: rgb(128, 31, 31); border: 1px solid grey; + 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); } #battery.critical:not(.charging) { -- cgit v1.2.3