quickshell media player enchantments

quickshell/bar/widgets/Audio.qml

@@ -18,30 +18,26 @@ Item {
 
     RowLayout {
         id: row
-
-        IconImage {
-            // anchors.centerIn: parent
-            implicitSize: 27
-            source: "root:/assets/bar/Speaker.svg"
-        }
-
-
-            Text {
-                id: text
-                text: root.speakerNode.audio.muted ? "0%" : root.speakerNode.audio.volume * 100 + "%"
-                font.pointSize: 10.75
-                color: root.speakerNode.audio.muted ? "red" : "#FFFFFF"
+        Item {
+            implicitWidth: 28
+            implicitHeight: 28
+            Rectangle {
+                width: parent.width
+                height: parent.height
+                radius: 7
+                color: "black"
+            }
+            IconImage {
+                anchors.centerIn: parent
+                implicitSize: 25
+                source: root.speakerNode.audio.muted ? "root:/assets/bar/MutedSpeaker.svg" : "root:/assets/bar/Speaker.svg"
+                // source: "root:/assets/bar/Speaker.svg"
             }
-
-        IconImage {
-            implicitSize: 26
-            source: "root:/assets/bar/Mic.svg"
         }
-
-        Text {
-            text: parseInt(root.microphoneNode.audio.muted ? "0" : root.microphoneNode.audio.volume * 100) + "%"
-            font.pointSize: 10.75
-            color: root.microphoneNode.audio.muted ? "red" : "#FFFFFF"
+        IconImage {
+            implicitSize: 25
+            source: root.microphoneNode.audio.muted ? "root:/assets/bar/MutedMic.svg" : "root:/assets/bar/Mic.svg"
+            // source: "root:/assets/bar/Mic.svg"
         }
     }
 }