From 885ae8a17b54c407acc1b49956a71d41fb980b16 Mon Sep 17 00:00:00 2001
From: Sir Blob <adithcool.5@gmail.com>
Date: Thu, 24 Sep 2026 01:35:26 +0000
Subject: [PATCH] Fix quick settings icons and centre its tiles

---
 .../plugins/panels/quick-settings/Header.qml  |  4 +--
 .../panels/quick-settings/MediaRow.qml        |  6 ++--
 .../panels/quick-settings/QuickSettings.qml   |  5 ++--
 shell/plugins/panels/quick-settings/Tiles.qml | 29 +++++++++++++------
 .../panels/quick-settings/WeatherCard.qml     |  4 +--
 5 files changed, 30 insertions(+), 18 deletions(-)

diff --git a/shell/plugins/panels/quick-settings/Header.qml b/shell/plugins/panels/quick-settings/Header.qml
index 12dac22..2198de9 100644
--- a/shell/plugins/panels/quick-settings/Header.qml
+++ b/shell/plugins/panels/quick-settings/Header.qml
@@ -44,12 +44,12 @@ Item {
     spacing: Style.spaceReal(4)
 
     CardIconButton {
-      icon: ""
+      icon: "\uf023"
       onActivated: root.lockRequested()
     }
 
     CardIconButton {
-      icon: ""
+      icon: "\uf08b"
       onActivated: root.logoutRequested()
     }
 
diff --git a/shell/plugins/panels/quick-settings/MediaRow.qml b/shell/plugins/panels/quick-settings/MediaRow.qml
index 11df2a1..481da55 100644
--- a/shell/plugins/panels/quick-settings/MediaRow.qml
+++ b/shell/plugins/panels/quick-settings/MediaRow.qml
@@ -52,17 +52,17 @@ Item {
     spacing: Style.spaceReal(8)
 
     CardIconButton {
-      icon: "⏮"
+      icon: "\uf048"
       onActivated: root.controlRequested("previous")
     }
 
     CardIconButton {
-      icon: root.playing ? "⏸" : "▶"
+      icon: root.playing ? "\uf04c" : "\uf04b"
       onActivated: root.controlRequested("play-pause")
     }
 
     CardIconButton {
-      icon: "⏭"
+      icon: "\uf051"
       onActivated: root.controlRequested("next")
     }
   }
diff --git a/shell/plugins/panels/quick-settings/QuickSettings.qml b/shell/plugins/panels/quick-settings/QuickSettings.qml
index 49cf145..5df5738 100644
--- a/shell/plugins/panels/quick-settings/QuickSettings.qml
+++ b/shell/plugins/panels/quick-settings/QuickSettings.qml
@@ -227,6 +227,7 @@ Item {
       }
 
       Tiles {
+        width: parent.width
         bluetoothOn: bluetoothFlag.value
         doNotDisturb: dndFlag.value
         nightLight: nightLightFlag.value
@@ -240,7 +241,7 @@ Item {
 
       SliderRow {
         width: parent.width
-        icon: mutedFlag.value ? "" : ""
+        icon: mutedFlag.value ? "\uf026" : "\uf028"
         dimmed: mutedFlag.value
         value: Number(volumeValue.value) || 0
         onIconActivated: root.toggleAndRefresh("pamixer --toggle-mute")
@@ -252,7 +253,7 @@ Item {
 
       SliderRow {
         width: parent.width
-        icon: ""
+        icon: "\uf185"
         value: Number(brightnessValue.value) || 0
         onValueRequested: function(next) {
           root.run("brightnessctl set " + next + "%")
diff --git a/shell/plugins/panels/quick-settings/Tiles.qml b/shell/plugins/panels/quick-settings/Tiles.qml
index 4117c2e..3001b84 100644
--- a/shell/plugins/panels/quick-settings/Tiles.qml
+++ b/shell/plugins/panels/quick-settings/Tiles.qml
@@ -16,44 +16,51 @@ Grid {
   signal toggleRequested(string command)
 
   columns: 3
+  readonly property real tileWidth: (width - columnSpacing * (columns - 1)) / columns
   columnSpacing: Style.spaceReal(8)
   rowSpacing: Style.spaceReal(8)
 
   Tile {
-    icon: ""
+    width: root.tileWidth
+    icon: "\uf1eb"
     label: "Wi-Fi"
     onActivated: root.panelRequested("blob.network")
   }
 
   Tile {
-    icon: ""
+    width: root.tileWidth
+    icon: "\uf293"
     label: "Bluetooth"
     active: root.bluetoothOn
     onActivated: root.panelRequested("blob.bluetooth")
   }
 
   Tile {
-    icon: ""
+    width: root.tileWidth
+    icon: "\uf03e"
     label: "Wallpaper"
     onActivated: root.runRequested("blob-wallpaper-set --menu")
   }
 
   Tile {
-    icon: ""
+    width: root.tileWidth
+    icon: "\uf1f6"
     label: "Silence"
     active: root.doNotDisturb
     onActivated: root.toggleRequested("blob-shell notifications toggleDnd")
   }
 
   Tile {
-    icon: ""
+    width: root.tileWidth
+    icon: "\uf186"
     label: "Night Light"
     active: root.nightLight
     onActivated: root.toggleRequested("blob-toggle-nightlight")
   }
 
   Tile {
-    icon: ""
+    width: root.tileWidth
+    icon: "\uf03d"
     label: "Record"
     active: root.recording
     tooltip: root.recording ? "Stop screen recording" : "Start a screen recording"
@@ -63,6 +70,7 @@ Grid {
   }
 
   Tile {
+    width: root.tileWidth
     icon: "󰅶"
     label: "Stay Awake"
     active: root.stayAwake
@@ -71,19 +79,22 @@ Grid {
   }
 
   Tile {
-    icon: ""
+    width: root.tileWidth
+    icon: "\uf1fb"
     label: "Pick Color"
     onActivated: root.runRequested("hyprpicker -a")
   }
 
   Tile {
-    icon: ""
+    width: root.tileWidth
+    icon: "\uf1fc"
     label: "Theme"
     onActivated: root.runRequested("blob-theme-menu")
   }
 
   Tile {
-    icon: ""
+    width: root.tileWidth
+    icon: "\uf10a"
     label: "Tablet Lock"
     active: root.tabletFollow
     tooltip: root.tabletFollow ? "Tablet follows focused monitor" : "Tablet spans all monitors"
diff --git a/shell/plugins/panels/quick-settings/WeatherCard.qml b/shell/plugins/panels/quick-settings/WeatherCard.qml
index 75b7cee..ec3d6b2 100644
--- a/shell/plugins/panels/quick-settings/WeatherCard.qml
+++ b/shell/plugins/panels/quick-settings/WeatherCard.qml
@@ -30,7 +30,7 @@ Card {
   StatRow {
     width: parent.width
     visible: root.available
-    icon: ""
+    icon: "\uf2c9"
     label: "Temperature"
     value: root.temperature
   }
@@ -38,7 +38,7 @@ Card {
   StatRow {
     width: parent.width
     visible: root.available
-    icon: ""
+    icon: "\udb81\udd9d"
     label: "Wind"
     value: root.wind
   }