1 files changed, 54 insertions, 8 deletions
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index 73a7ed8..ce8a001 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -1,26 +1,53 @@
 * {
     font-family: Fira Code Nerd, monospace, sans-serif;
-    font-size: 13px;
+    font-size: 14px;
+    margin: 0px;
+    padding: 0px;
+    background-color: black;
     color: #fff;
+    /* looks like gtk adds some styles that coflict with waybar's style */
+    box-shadow: none;
+    text-shadow: none;
+    transition: none;
+    background: none;
+}
+
+tooltip {
+    background: black;
 }
 
 window#waybar {
     background-color: black;
 }
 
-#workspaces,
 #clock,
 #network,
 #pulseaudio,
 #battery,
 #tray {
-    padding: 0 5px;
+    padding: 0px 15px;
+    margin-right: 0px;
+    background-color: black;
+    transition: background-color 0.3s;
+}
+
+
+#tray {
     margin-right: 10px;
 }
 
+#network:hover,
+#pulseaudio:hover,
+#battery:hover,
+#network:hover {
+    background-color: #303030;
+    transition: background-color 0.4s;
+}
+
 #workspaces {
-  margin-left: 10px;
-  padding: 0;
+    background-color: black;
+    margin-left: 10px;
+    border-radius: 0 0 10px 10px;
 }
 
 #workspaces button {
@@ -28,13 +55,14 @@ window#waybar {
     margin: 4px;
     border: none;
     border-radius: 3px;
+    transition: background-color 0.4s;
 }
 
-#workspaces button:hover {
-    background-color: black;
+#workspaces button label {
+    color: white;
 }
 
-#workspaces button:hover label {
+#workspaces button.active label {
     color: white;
 }
 
@@ -46,3 +74,21 @@ window#waybar {
     color: black;
 }
 
+#workspaces button:not(.active):hover {
+    background-color: #303030;
+    transition: background-color 0.4s;
+}
+
+@keyframes blink {
+    to {
+        color: red;
+    }
+}
+
+#battery.crit:not(.charging) {
+    animation-name: blink;
+    animation-duration: 0.5s;
+    animation-timing-function: steps(12);
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}