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

modules/bar/widgets/Clock.qml

@@ -2,24 +2,35 @@ import QtQuick
 import Quickshell
 import Quickshell.Hyprland
 
-Text {
-    id: timeDisplay
+Rectangle {  //workspace
+    width: timeDisplay.width + 16
+    height: timeDisplay.height + 16
+    radius: 4
+    color: "#333333"
+    border.color: "#555555"
+    border.width: 2
 
-    property string currentTime: ""
+    Text {
+        id: timeDisplay
 
-    text: currentTime
-    color: "#ffffff"
-    font.pixelSize: 14
-    font.family: "Inter, sans-serif"
+        property string currentTime: ""
 
-    //Update time every second
-    Timer {
-        interval: 1000
-        running: true
-        repeat: true
-        onTriggered: {
-            var now = new Date()
-            timeDisplay.currentTime = Qt.formatTime(now, "hh:mm:ss")
+        text: currentTime
+        color: "#ffffff"
+        font.pixelSize: 18
+        font.family: "Inter, sans-serif"
+
+        anchors.centerIn: parent
+
+        //Update time every second
+        Timer {
+            interval: 1000
+            running: true
+            repeat: true
+            onTriggered: {
+                var now = new Date()
+                timeDisplay.currentTime = Qt.formatTime(now, "hh:mm:ss")
+            }
         }
     }
 }

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