made code look nicer + addet right colors

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;
 }