From 2147220cd705f55940d5f6d5c611d42480b10a80 Mon Sep 17 00:00:00 2001
From: lucy <lucykaufmann@protonmail.com>
Date: Sun, 1 Feb 2026 16:07:44 +0100
Subject: [PATCH] change the way filled fonts work

---
 modules/bar/Volume.qml   | 8 ++++----
 reusables/CustomIcon.qml | 9 +++------
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/modules/bar/Volume.qml b/modules/bar/Volume.qml
index 6db7d30..1c0f8dc 100644
--- a/modules/bar/Volume.qml
+++ b/modules/bar/Volume.qml
@@ -1,4 +1,3 @@
-import Quickshell
 import Quickshell.Io
 import QtQuick
 import Quickshell.Services.Pipewire
@@ -43,8 +42,8 @@ Rectangle {
         }
         Row {
             id: textRow
-            anchors.verticalCenter: parent.verticalCenter
-            spacing: 0
+            anchors.centerIn: root
+            spacing: 5
             CustomText {
                 id: volumeText
                 anchors.verticalCenter: parent.verticalCenter
@@ -56,6 +55,7 @@ Rectangle {
             }
             CustomIcon {
                 id: volumeIcon
+                anchors.verticalCenter: parent.verticalCenter
                 opacity: Pipewire.ready ? root.sink.audio.muted ? 0.5 : 1 : 0
                 text: Pipewire.ready ? root.getVolumeIcon() : null
             }
@@ -66,7 +66,7 @@ Rectangle {
                 id: pavuLauncher
                 command: ["sh", "-c", "pavucontrol"]
             }
-            anchors.fill: root
+            anchors.fill: parent
             onClicked: pavuLauncher.exec(pavuLauncher.command)
             acceptedButtons: Qt.LeftButton
             cursorShape: Qt.PointingHandCursor
diff --git a/reusables/CustomIcon.qml b/reusables/CustomIcon.qml
index ab7a619..0944e72 100644
--- a/reusables/CustomIcon.qml
+++ b/reusables/CustomIcon.qml
@@ -3,15 +3,12 @@ import qs.settings
 import qs
 
 Text {
-    property bool fill: false
-    anchors.verticalCenter: parent.verticalCenter
-    font.family: "Material Symbols Rounded"
+    property bool fill: true
+    font.family: fill ? "Material Symbols Rounded Filled" : "Material Symbols Rounded"
     color: Colors.onSurfaceColor
-    font.pixelSize: Settings.config.fontSize + 4
     font.variableAxes: ({
-            FILL: fill,
             GRAD: 100,
             opsz: fill ? 48 : 20,
-            wght: 400
+            wght: 700
         })
 }