tray: accessibility: bigger size, config option for monochrome

.config/quickshell/modules/bar/SysTrayItem.qml

@@ -13,7 +13,7 @@ MouseArea {
     required property var bar
     required property SystemTrayItem item
     property bool targetMenuOpen: false
-    property int trayItemWidth: 16
+    property int trayItemWidth: Appearance.font.pixelSize.larger
 
     acceptedButtons: Qt.LeftButton | Qt.RightButton
     Layout.fillHeight: true
@@ -43,17 +43,21 @@ MouseArea {
 
     IconImage {
         id: trayIcon
-        visible: false // There's already color overlay
+        visible: !ConfigOptions.bar.tray.monochromeIcons
         source: root.item.icon
         anchors.centerIn: parent
         width: parent.width
         height: parent.height
     }
 
+    Loader {
+        active: ConfigOptions.bar.tray.monochromeIcons
+        anchors.fill: trayIcon
+        sourceComponent: Item {
             Desaturate {
                 id: desaturatedIcon
                 visible: false // There's already color overlay
-        anchors.fill: trayIcon
+                anchors.fill: parent
                 source: trayIcon
                 desaturation: 1 // 1.0 means fully grayscale
             }
@@ -62,5 +66,7 @@ MouseArea {
                 source: desaturatedIcon
                 color: ColorUtils.transparentize(Appearance.colors.colOnLayer0, 0.6)
             }
+        }
+    }
 
 }

.config/quickshell/modules/common/ConfigOptions.qml

@@ -62,6 +62,9 @@ Singleton {
             property bool showMicToggle: false
             property bool showKeyboardToggle: true
         }
+        property QtObject tray: QtObject {
+            property bool monochromeIcons: true
+        }
         property QtObject workspaces: QtObject {
             property int shown: 10
             property bool showAppIcons: true