added some bar utilities and powermenu

style.scss

@@ -5,7 +5,7 @@ $bg-color: #{"@theme_bg_color"};
 $bg: #212223;
 $fg: #f1f1f1;
 $accent: #{"@theme_accent_color"};
-$radius: 7px;
+$radius: 20px;
 
 window.Bar {
     background: transparent;
@@ -14,41 +14,121 @@ window.Bar {
 
     >centerbox {
         background: transparent;
-        border-radius: 10px;
-        margin: 0;
+        border-radius: 20px;
+        margin: 2px 5px 0 5px;
+    }
+
+    .Menubutton {
+        all: unset;
+        background-color: black;
+        border-radius: 25px;
+        &:hover label {
+            transition: 300ms;
+            background-color: gray;
+        }
+        label {
+            transition: 300ms;
+            padding: 5px 15px 5px 9px;
+            border-radius: $radius;
+            border: 1pt solid black;
+        }
+    }
+
+    .RoudedBlock {
+        background-color: black;
+        border-radius: 25px;
+        transition: 300ms;
+    }
+
+    .Time {
+        padding: 0 15px;
+    }
+
+    .SysTray {
+        all: unset;
+        border-radius: 25px;
+        background-color: transparent;
+        // padding: 10px;
+        // color: red;
+
+        button {
+            all: unset;
+            padding: 5px 7px;
+            border-radius: 25px;
+            border: 1pt solid black;
+            // border-color: black;
+            transition: 300ms;
+            // background-color: red;
+            // color: red;
+            &:hover {
+                background-color: gray;
+            }
+        }
+    }
+
+    .Focused {
+        padding: 0 15px;
+        transition: 300ms;
     }
 
     .Workspaces  {
         button {
             all: unset;
-            background-color: transparent;
+            background-color: black;
+            border-radius: 25px;
 
             &:hover label {
                 background-color: gray;
                 border-color: black;
+                color: white;
             }
 
             &:active label {
-                background-color: black;
+                background-color: white;
+                color: black;
             }
         }
 
         label {
-            transition: 200ms;
-            padding: 0 8px;
+            transition: 300ms;
+            padding: 5px 15px;
             border-radius: $radius;
             border: 1pt solid transparent;
         }
 
         .focused label {
-            color: $accent;
+            background-color: white;
+            color: black;
             border-color: $accent;
         }
     }
 
+    
+    // button {
+    //     border-radius: 8px;
+    //     padding: 0 8px;
+    // }
+}
 
-    button {
-        border-radius: 8px;
-        padding: 0 8px;
+window.Powermenu {
+    margin: 5px;
+    background-color: transparent;
+    box {
+        margin: 5px;
+        background-color: black;
+        border-radius: 25px;
+        // padding: 10px;
+        button {
+            all: unset;
+            margin: 2px;
+            padding: 5px 15px 5px 13px;
+            background-color: black;
+            border-radius: 25px;
+            transition: 300ms;
+            
+            &:hover {
+                background-color: gray;
+            }
+        }
     }
 }