Color and Transperencyof Bar, Added TODOs, Rectangle width and height depending on Text inside

modules/bar/widgets/Workspaces.qml

@@ -14,8 +14,8 @@ Row {   // Workspace Row
 
         Rectangle {  //workspace
             visible: modelData.monitor === thisMonitor  
-            width: 32
-            height: 24
+            width: workspaceNum.width + 16
+            height: workspaceNum.height + 8
             radius: 4
             color: modelData.active ? "#4a93ff": "#333333"
             border.color: "#555555"
@@ -29,19 +29,21 @@ Row {   // Workspace Row
             }
 
             Text {
+                id: workspaceNum
                 text: modelData.id
                 anchors.centerIn: parent
                 color: modelData.active ? "#ffffff" : "#cccccc"
-                font.pixelSize: 12
+                font.pixelSize: 18
                 font.family: "Inter, sans-serif"
             }
         }
+
     }
 
     Text {
         visible: Hyprland.workspaces.length === 0
         text: "No Workspaces"
         color: "#ffffff"
-        font.pixelSize: 12
+        font.pixelSize: 18
     }
 }