diff --git a/style.css b/style.css index 046e6ac..0749998 100644 --- a/style.css +++ b/style.css @@ -23,6 +23,7 @@ border-left: transparent; border-right: transparent; border-bottom: solid 2px currentcolor; + border-radius: 100px; } @@ -31,6 +32,7 @@ border-left: solid 2px currentcolor; border-right: solid 2px currentcolor; border-bottom: solid 2px currentcolor; + border-radius: 66px; } @@ -39,19 +41,22 @@ border-left: solid 2px currentcolor; border-right: solid 2px currentcolor; border-bottom: transparent; + border-radius: 33px; } to { border-top: solid 2px currentcolor; + border-radius: 0; - /* border-radius: 0rem 0rem 1rem 1rem; */ } } tooltip { border: solid 2px currentcolor; + background: black; + color: white; } @@ -59,6 +64,7 @@ tooltip { #weather, #info { border-top: solid 1px currentcolor; + transition: 650ms; } @@ -67,33 +73,44 @@ tooltip { #info:hover { border-bottom: solid 2px currentcolor; border-top: solid 0px transparent; + transition: 350ms; } #window { padding: 2px; + color: #fdf6e3; + font-weight: 600; + transition: 300ms; } window#waybar { border: solid 2px rgba(160, 160, 160, 0.329); + border-radius: 6px; + background: transparent; - transition: 700ms; + + transition: 600ms; } window#waybar.empty { margin-top: 4px; + border: solid 2px rgba(136, 136, 136, 0.8); } window#waybar.fullscreen { background: rgba(55, 55, 55, 0.6); + margin: 0; + border: solid 3px rgba(145, 11, 53, 0.8); border-radius: 8px 8px 4px 4px; + transition: 300ms; } @@ -101,34 +118,43 @@ window#waybar.fullscreen { border-top: solid 1px currentcolor; border-right: solid 1px currentcolor; border-bottom: solid 1px transparent; + margin-top: 5px; margin-left: 0px; + padding: 0; padding-right: 4px; + transition: 200ms; border-radius: 2px 2px 2 0; } #workspaces button:hover { margin-top: 3px; - transition: ease-in-out 400ms; + + transition: 200ms; } #workspaces button.empty {} #workspaces button.active { color: rgba(255, 238, 0, 0.9); + padding: 0 8px; + margin-top: 0; margin-right: 2px; margin-left: 1px; + border-top: solid 2px currentcolor; border-right: solid 2px currentcolor; + border-radius: 8px 4px 2px 0; } #workspaces button.urgent { color: red; + animation: urgent-workspace ease-out 4s infinite; } @@ -147,7 +173,7 @@ window#waybar.fullscreen { } #battery { - color: #859900; + color: #1ea54c; } #network { @@ -155,7 +181,7 @@ window#waybar.fullscreen { } #disk { - color: #b58900; + color: #c6673e; } #custom-power { @@ -169,9 +195,13 @@ window#waybar.fullscreen { #custom-powerm, #custom-power { padding: 0.2rem 1rem; + margin: 0 1px; + font-weight: 600; + border-top: solid 1px currentcolor; + transition: 350ms; } @@ -181,9 +211,12 @@ window#waybar.fullscreen { #custom-lock:hover, #custom-power:hover { border-top: solid 2px red; + transition: 250ms; + margin: 0; /* border-radius: 2rem; */ + font-size: 1.5rem; } @@ -197,9 +230,13 @@ window#waybar.fullscreen { #not-power, #tray { padding: 6px; + margin: 0px 4px 0; + font-weight: 600; + border-top: solid 2px transparent; + transition: 550ms; } @@ -211,5 +248,6 @@ window#waybar.fullscreen { #clock:hover, #network:hover { border-top: solid 2px currentcolor; + transition: 250ms; }