qol: bar has blur now

modules/hyprland/settings.nix

@@ -145,6 +145,7 @@
     ];
     layerrule = [
       "match:namespace ^(notifications)$, no_screen_share true"
+      "match:namespace ^(quickshell)$, blur true"
     ];
     # exec-once = [
     # ];

modules/quickshell/quickshell/bar/widgets/Battery.qml

@@ -15,7 +15,13 @@ Rectangle {
     property int battPercent: 58
     implicitWidth: itemContent.width + 8
     implicitHeight: 24
-		visible: {if (UPower.displayDevice.ready) { true } else {false}}
+    visible: {
+        if (UPower.displayDevice.ready) {
+            true;
+        } else {
+            false;
+        }
+    }
     radius: 5.5
     Layout.alignment: Qt.AlignVCenter
     color: "#2a2a2a" // Define item color
@@ -26,23 +32,26 @@ Rectangle {
         anchors.centerIn: parent
         Text {
             // anchors.centerIn: parent
-					text: UPower.displayDevice.percentage + "%"
+            text: UPower.displayDevice.percentage * 100 + "%"
             color: Common.Colors.colors.primary
             font.weight: Font.DemiBold
             font.pointSize: 12
         }
         Item {
             Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+            implicitWidth: icon.width
+            implicitHeight: icon.height
             Text {
+                id: icon
                 anchors.centerIn: parent
-						text: root.getBatteryState(UPower.displayDevice.percentage, (UPower.displayDevice.changeRate > 0))
+                text: root.getBatteryState(UPower.displayDevice.percentage * 100, (UPower.displayDevice.changeRate))
-						color: root.getBatteryColor(UPower.displayDevice.percentage)
+                color: root.getBatteryColor(UPower.displayDevice.percentage * 100)
                 font.weight: Font.DemiBold
-						font.pointSize: 24/1.4
+                font.pointSize: 24 / 1.4
             }
         }
     }
-function getBatteryState(level, isCharging) {
+    function getBatteryState(level, isCharging) {
         if (level === null || level === 0) {
             // Return the battery empty icon
             return isCharging ? Common.Icons.battery.charging["1"] : Common.Icons.battery["0"];
@@ -55,12 +64,13 @@ function getBatteryState(level, isCharging) {
 
         // Calculate step as a value between 1 and 10 (divide level into 10 ranges)
         let step = Math.ceil(level / 10); // Range mapping
-    if (step > 10) step = 10; // Clamp to 10 if it exceeds bounds
+        if (step > 10)
+            step = 10; // Clamp to 10 if it exceeds bounds
 
         // Return the correct icon based on state
         return isCharging ? Common.Icons.battery.charging[String(step)] : Common.Icons.battery[String(step)];
-}
+    }
-function getBatteryColor(level) {
+    function getBatteryColor(level) {
         if (level === null || level === 0) {
             // Use critical color for empty battery
             return Common.Colors.colors.critial2;
@@ -72,5 +82,5 @@ function getBatteryColor(level) {
         }
         // Default color if no specific condition is met
         return Common.Colors.colors.primary;
-}
+    }
 }

modules/quickshell/quickshell/bar/widgets/common/Icons.qml

@@ -12,6 +12,7 @@ Singleton {
     //         speaker: "../../../assets/bar/V2/speaker.svg",
     //         speakerOff: "../../../assets/bar/V2/speakerOff.svg"
     //     })
+    // TODO replace all these icons with svg's
     readonly property var battery: ({
             "0": "󰂎",
             "1": "󰁺",
@@ -34,7 +35,7 @@ Singleton {
                     "7": "󰢞",
                     "8": "󰂊",
                     "9": "󰂋",
-				"10": "󰂅",
+                    "10": "󰂅"
                 })
         })