fix code style

resources/bar.css

@@ -1,15 +1,13 @@
 * {
-    all: unset; /* Tries to remove all styling */
+    all: unset;
 }
 
 window {
-/* sleak modern  */
     background-color: rgba(30, 30, 30, 0.8);
     color: #ffffff;
     font-family: "IBMPlexSans-Regular", sans-serif;
     font-size: 14px;
     padding: 2px 7px;
-
 }
 
 #clock-label {
@@ -23,6 +21,9 @@ window {
     border-radius: 5px;
 }
 
+.workspace-pill:hover {
+    background-color: rgba(104, 104, 104, 0.2);
+}
 .workspace-pill:last-child {
     margin-right: 0;
 }
@@ -40,21 +41,36 @@ window {
     color: #111;
 }
 
-/* Hover effect: slightly brighten background and show pointer */
-.workspace-pill:hover {
-    background-color: rgba(255, 255, 255, 0.3);
+button {
+    padding: 2px 5px;
+    margin: 0 2px;
+    border-radius: 3px;
+    background-color: transparent;
+    color: #ffffff;
+    border: none;
 }
 
-.tray-icon {
-    padding: 0;
-    margin: 0;
-    border: none;
-    background: transparent;
-    min-width: 0;
-    min-height: 0;
+/* Hover effect: slightly brighten background and show pointer */
+button:hover {
+    background-color: #111111;
 }
 
+
+
 #spacer {
     color: rgba(255, 255, 255, 0.3);
     padding: 0 5px;
+}
+
+popover {
+    background-color: rgb(30, 30, 30);
+    color: #ffffff;
+    font-family: "IBMPlexSans-Regular", sans-serif;
+}
+
+tooltip {
+    background-color: rgba(50, 50, 50, 0.9);
+    color: #ffffff;
+    font-family: "IBMPlexSans-Regular", sans-serif;
+    padding: 5px 10px;
 }