theme: add colorful bar widget option

* Fix active camera icon

* Fix active camera icon

core/internal/distros/fedora.go

@@ -19,10 +19,12 @@ func init() {
 	Register("fedora-asahi-remix", "#0B57A4", FamilyFedora, func(config DistroConfig, logChan chan<- string) Distribution {
 		return NewFedoraDistribution(config, logChan)
 	})
-
 	Register("bluefin", "#0B57A4", FamilyFedora, func(config DistroConfig, logChan chan<- string) Distribution {
 		return NewFedoraDistribution(config, logChan)
 	})
+	Register("ultramarine", "#00078b", FamilyFedora, func(config DistroConfig, logChan chan<- string) Distribution {
+		return NewFedoraDistribution(config, logChan)
+	})
 }
 
 type FedoraDistribution struct {
@@ -506,6 +508,14 @@ func (f *FedoraDistribution) installDNFPackages(ctx context.Context, packages []
 	f.log(fmt.Sprintf("Installing DNF packages: %s", strings.Join(packages, ", ")))
 
 	args := []string{"dnf", "install", "-y"}
+
+	for _, pkg := range packages {
+		if pkg == "niri" || pkg == "niri-git" {
+			args = append(args, "--setopt=install_weak_deps=False")
+			break
+		}
+	}
+
 	args = append(args, packages...)
 
 	progressChan <- InstallProgressMsg{

quickshell/Common/SettingsData.qml

@@ -44,6 +44,11 @@ Singleton {
         SuspendThenHibernate
     }
 
+    enum WidgetColorMode {
+        Default,
+        Colorful
+    }
+
     readonly property string defaultFontFamily: "Inter Variable"
     readonly property string defaultMonoFontFamily: "Fira Code"
     readonly property string _homeUrl: StandardPaths.writableLocation(StandardPaths.HomeLocation)
@@ -70,6 +75,7 @@ Singleton {
     property real popupTransparency: 1.0
     property real dockTransparency: 1
     property string widgetBackgroundColor: "sch"
+    property string widgetColorMode: "default"
     property real cornerRadius: 12
 
     property bool use24HourClock: true
@@ -171,6 +177,7 @@ Singleton {
     property string spotlightModalViewMode: "list"
     property bool sortAppsAlphabetically: false
     property int appLauncherGridColumns: 4
+    property bool spotlightCloseNiriOverview: true
 
     property string weatherLocation: "New York, NY"
     property string weatherCoordinates: "40.7128,-74.0060"

quickshell/Common/Theme.qml

@@ -665,6 +665,34 @@ Singleton {
         }
     }
 
+    property color widgetIconColor: {
+        if (typeof SettingsData === "undefined") {
+            return surfaceText
+        }
+
+        switch (SettingsData.widgetColorMode) {
+            case "colorful":
+            return surfaceText
+            case "default":
+            default:
+            return surfaceText
+        }
+    }
+
+    property color widgetTextColor: {
+        if (typeof SettingsData === "undefined") {
+            return surfaceText
+        }
+
+        switch (SettingsData.widgetColorMode) {
+            case "colorful":
+            return primary
+            case "default":
+            default:
+            return surfaceText
+        }
+    }
+
 
     function isColorDark(c) {
         return (0.299 * c.r + 0.587 * c.g + 0.114 * c.b) < 0.5

quickshell/Common/settings/SettingsSpec.js

@@ -18,6 +18,7 @@ var SPEC = {
     dockTransparency: { def: 1.0, coerce: percentToUnit },
 
     widgetBackgroundColor: { def: "sch" },
+    widgetColorMode: { def: "default" },
     cornerRadius: { def: 12, onChange: "updateNiriLayout" },
 
     use24HourClock: { def: true },
@@ -97,6 +98,7 @@ var SPEC = {
     spotlightModalViewMode: { def: "list" },
     sortAppsAlphabetically: { def: false },
     appLauncherGridColumns: { def: 4 },
+    spotlightCloseNiriOverview: { def: true },
 
     weatherLocation: { def: "New York, NY" },
     weatherCoordinates: { def: "40.7128,-74.0060" },

quickshell/DMSShell.qml

@@ -22,7 +22,7 @@ import qs.Modules.ProcessList
 import qs.Modules.Settings
 import qs.Modules.DankBar
 import qs.Modules.DankBar.Popouts
-import qs.Modules.HyprWorkspaces
+import qs.Modules.WorkspaceOverlays
 import qs.Modules.Plugins
 import qs.Services
 
@@ -581,4 +581,12 @@ Item {
             id: hyprlandOverview
         }
     }
+
+    LazyLoader {
+        id: niriOverviewOverlayLoader
+        active: CompositorService.isNiri
+        component: NiriOverviewOverlay {
+            id: niriOverviewOverlay
+        }
+    }
 }

quickshell/Modals/BluetoothPairingModal.qml

@@ -1,4 +1,6 @@
 import QtQuick
+import Quickshell
+import Quickshell.Hyprland
 import qs.Common
 import qs.Modals.Common
 import qs.Services
@@ -9,6 +11,11 @@ DankModal {
 
     layerNamespace: "dms:bluetooth-pairing"
 
+    HyprlandFocusGrab {
+        windows: [root]
+        active: CompositorService.isHyprland && root.shouldHaveFocus
+    }
+
     property string deviceName: ""
     property string deviceAddress: ""
     property string requestType: ""

quickshell/Modals/Clipboard/ClipboardHistoryModal.qml

@@ -3,6 +3,7 @@ pragma ComponentBehavior: Bound
 import QtQuick
 import QtQuick.Controls
 import Quickshell
+import Quickshell.Hyprland
 import Quickshell.Io
 import qs.Common
 import qs.Modals.Common
@@ -14,6 +15,11 @@ DankModal {
 
     layerNamespace: "dms:clipboard"
 
+    HyprlandFocusGrab {
+        windows: [clipboardHistoryModal]
+        active: CompositorService.isHyprland && clipboardHistoryModal.shouldHaveFocus
+    }
+
     property int totalCount: 0
     property var clipboardEntries: []
     property string searchText: ""

quickshell/Modals/Common/DankModal.qml

@@ -95,11 +95,6 @@ PanelWindow {
         return WlrKeyboardFocus.Exclusive
     }
 
-    HyprlandFocusGrab {
-        windows: [root]
-        active: CompositorService.isHyprland && shouldHaveFocus
-    }
-
     onVisibleChanged: {
         if (root.visible) {
             opened()
@@ -245,7 +240,7 @@ PanelWindow {
             clip: false
             layer.enabled: true
             layer.smooth: false
-            layer.textureSize: Qt.size(width * root.dpr, height * root.dpr)
+            layer.textureSize: Qt.size(Math.round(width * root.dpr), Math.round(height * root.dpr))
             opacity: root.shouldBeVisible ? 1 : 0
             scale: modalContainer.scaleValue
             x: Theme.snap(modalContainer.animX + (parent.width - width) * (1 - modalContainer.scaleValue) * 0.5, root.dpr)

quickshell/Modals/DankColorPickerModal.qml

@@ -1,6 +1,7 @@
 import QtQuick
 import QtQuick.Controls
 import Quickshell
+import Quickshell.Hyprland
 import Quickshell.Io
 import qs.Common
 import qs.Modals.Common
@@ -12,6 +13,11 @@ DankModal {
 
     layerNamespace: "dms:color-picker"
 
+    HyprlandFocusGrab {
+        windows: [root]
+        active: CompositorService.isHyprland && root.shouldHaveFocus
+    }
+
     property string pickerTitle: "Choose Color"
     property color selectedColor: SessionData.recentColors.length > 0 ? SessionData.recentColors[0] : Theme.primary
     property var onColorSelectedCallback: null

quickshell/Modals/FileBrowser/FileBrowserModal.qml

@@ -2,10 +2,13 @@ import Qt.labs.folderlistmodel
 import QtCore
 import QtQuick
 import QtQuick.Controls
+import Quickshell
+import Quickshell.Hyprland
 import Quickshell.Io
 import qs.Common
 import qs.Modals.Common
 import qs.Modals.FileBrowser
+import qs.Services
 import qs.Widgets
 
 DankModal {
@@ -13,6 +16,13 @@ DankModal {
 
     layerNamespace: "dms:file-browser"
 
+    HyprlandFocusGrab {
+        windows: [fileBrowserModal]
+        active: CompositorService.isHyprland && fileBrowserModal.shouldHaveFocus
+    }
+
+    keepPopoutsOpen: true
+
     property string homeDir: StandardPaths.writableLocation(StandardPaths.HomeLocation)
     property string docsDir: StandardPaths.writableLocation(StandardPaths.DocumentsLocation)
     property string musicDir: StandardPaths.writableLocation(StandardPaths.MusicLocation)

quickshell/Modals/NotificationModal.qml

@@ -1,4 +1,6 @@
 import QtQuick
+import Quickshell
+import Quickshell.Hyprland
 import Quickshell.Io
 import qs.Common
 import qs.Modals.Common
@@ -11,6 +13,11 @@ DankModal {
 
     layerNamespace: "dms:notification-center-modal"
 
+    HyprlandFocusGrab {
+        windows: [notificationModal]
+        active: CompositorService.isHyprland && notificationModal.shouldHaveFocus
+    }
+
     property bool notificationModalOpen: false
     property var notificationListRef: null
 

quickshell/Modals/PolkitAuthModal.qml

@@ -1,4 +1,6 @@
 import QtQuick
+import Quickshell
+import Quickshell.Hyprland
 import qs.Common
 import qs.Modals.Common
 import qs.Services
@@ -9,6 +11,11 @@ DankModal {
 
     layerNamespace: "dms:polkit"
 
+    HyprlandFocusGrab {
+        windows: [root]
+        active: CompositorService.isHyprland && root.shouldHaveFocus
+    }
+
     property string passwordInput: ""
     property var currentFlow: PolkitService.agent?.flow
     property bool isLoading: false

quickshell/Modals/PowerMenuModal.qml

@@ -1,5 +1,6 @@
 import QtQuick
 import Quickshell
+import Quickshell.Hyprland
 import qs.Common
 import qs.Modals.Common
 import qs.Services
@@ -10,6 +11,11 @@ DankModal {
 
     layerNamespace: "dms:power-menu"
 
+    HyprlandFocusGrab {
+        windows: [root]
+        active: CompositorService.isHyprland && root.shouldHaveFocus
+    }
+
     property int selectedIndex: 0
     property int selectedRow: 0
     property int selectedCol: 0

quickshell/Modals/Settings/SettingsModal.qml

@@ -1,5 +1,7 @@
 import QtQuick
 import QtQuick.Effects
+import Quickshell
+import Quickshell.Hyprland
 import Quickshell.Io
 import qs.Common
 import qs.Modals.Common
@@ -13,6 +15,11 @@ DankModal {
 
     layerNamespace: "dms:settings"
 
+    HyprlandFocusGrab {
+        windows: [settingsModal]
+        active: CompositorService.isHyprland && settingsModal.shouldHaveFocus
+    }
+
     property Component settingsContent
     property alias profileBrowser: profileBrowser
     property int currentTabIndex: 0

quickshell/Modals/Spotlight/SpotlightContent.qml

@@ -158,6 +158,10 @@ Item {
         onAppLaunched: () => {
                            if (parentModal)
                            parentModal.hide()
+                           
+                           if (SettingsData.spotlightCloseNiriOverview && NiriService.inOverview) {
+                               NiriService.toggleOverview()
+                           }
                        }
         onViewModeSelected: mode => {
                                 SettingsData.set("spotlightModalViewMode", mode)
@@ -170,6 +174,10 @@ Item {
         onFileOpened: () => {
                           if (parentModal)
                           parentModal.hide()
+                          
+                          if (SettingsData.spotlightCloseNiriOverview && NiriService.inOverview) {
+                              NiriService.toggleOverview()
+                          }
                       }
     }
 

quickshell/Modals/Spotlight/SpotlightModal.qml

@@ -1,6 +1,7 @@
 import QtQuick
 import QtQuick.Controls
 import Quickshell
+import Quickshell.Hyprland
 import Quickshell.Io
 import Quickshell.Widgets
 import qs.Common
@@ -14,10 +15,17 @@ DankModal {
 
     layerNamespace: "dms:spotlight"
 
+    HyprlandFocusGrab {
+        windows: [spotlightModal]
+        active: CompositorService.isHyprland && spotlightModal.shouldHaveFocus
+    }
+
     property bool spotlightOpen: false
     property alias spotlightContent: spotlightContentInstance
+    property bool openedFromOverview: false
 
     function show() {
+        openedFromOverview = false
         spotlightOpen = true
         open()
 
@@ -49,6 +57,7 @@ DankModal {
     }
 
     function hide() {
+        openedFromOverview = false
         spotlightOpen = false
         close()
     }

quickshell/Modals/WifiPasswordModal.qml

@@ -1,4 +1,6 @@
 import QtQuick
+import Quickshell
+import Quickshell.Hyprland
 import qs.Common
 import qs.Modals.Common
 import qs.Services
@@ -9,6 +11,11 @@ DankModal {
 
     layerNamespace: "dms:wifi-password"
 
+    HyprlandFocusGrab {
+        windows: [root]
+        active: CompositorService.isHyprland && root.shouldHaveFocus
+    }
+
     property string wifiPasswordSSID: ""
     property string wifiPasswordInput: ""
     property string wifiUsernameInput: ""

quickshell/Modules/ControlCenter/Components/DragDropGrid.qml

@@ -593,13 +593,13 @@ Column {
             text: {
                 switch (widgetData.id || "") {
                 case "nightMode":
-                    return "Night Mode"
+                    return I18n.tr("Night Mode")
                 case "darkMode":
-                    return SessionData.isLightMode ? "Light Mode" : "Dark Mode"
+                    return I18n.tr("Dark Mode")
                 case "doNotDisturb":
-                    return "Do Not Disturb"
+                    return I18n.tr("Do Not Disturb")
                 case "idleInhibitor":
-                    return SessionService.idleInhibited ? "Keeping Awake" : "Keep Awake"
+                    return SessionService.idleInhibited ? I18n.tr("Keeping Awake") : I18n.tr("Keep Awake")
                 default:
                     return "Unknown"
                 }
@@ -619,7 +619,7 @@ Column {
                 case "nightMode":
                     return DisplayService.nightModeEnabled || false
                 case "darkMode":
-                    return SessionData.isLightMode
+                    return !SessionData.isLightMode
                 case "doNotDisturb":
                     return SessionData.doNotDisturb || false
                 case "idleInhibitor":
@@ -700,7 +700,7 @@ Column {
                 case "nightMode":
                     return DisplayService.nightModeEnabled || false
                 case "darkMode":
-                    return SessionData.isLightMode
+                    return !SessionData.isLightMode
                 case "doNotDisturb":
                     return SessionData.doNotDisturb || false
                 case "idleInhibitor":

quickshell/Modules/ControlCenter/Widgets/AudioSliderRow.qml

@@ -69,12 +69,22 @@ Row {
         valueOverride: actualVolumePercent
         thumbOutlineColor: Theme.surfaceContainer
         trackColor: root.sliderTrackColor.a > 0 ? root.sliderTrackColor : Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency)
+
+        onIsDraggingChanged: {
+            if (isDragging) {
+                AudioService.suppressOSD = true
+            } else {
+                Qt.callLater(() => { AudioService.suppressOSD = false })
+            }
+        }
+
         onSliderValueChanged: function(newValue) {
             if (defaultSink) {
                 defaultSink.audio.volume = newValue / 100.0
                 if (newValue > 0 && defaultSink.audio.muted) {
                     defaultSink.audio.muted = false
                 }
+                AudioService.playVolumeChangeSoundIfEnabled()
             }
         }
     }

quickshell/Modules/ControlCenter/Widgets/BrightnessSliderRow.qml

@@ -143,6 +143,8 @@ Row {
     }
 
     DankSlider {
+        id: brightnessSlider
+
         anchors.verticalCenter: parent.verticalCenter
         width: parent.width - (Theme.iconSize + Theme.spacingS * 2)
         enabled: DisplayService.brightnessAvailable && targetDeviceName.length > 0
@@ -162,7 +164,7 @@ Row {
             }
             return targetDevice.displayMax || 100
         }
-        value: targetBrightness
+        value: !isDragging ? targetBrightness : value
         showValue: true
         unit: {
             if (!targetDevice) return "%"

quickshell/Modules/DankBar/DankBarContent.qml

@@ -635,7 +635,7 @@ Item {
         id: systemTrayComponent
 
         SystemTrayBar {
-            parentWindow: rootWindow
+            parentWindow: barWindow
             parentScreen: barWindow.screen
             widgetThickness: barWindow.widgetThickness
             isAtBottom: SettingsData.dankBarPosition === SettingsData.Position.Bottom
@@ -981,7 +981,7 @@ Item {
             section: topBarContent.getWidgetSection(parent) || "right"
             parentScreen: barWindow.screen
             onColorPickerRequested: {
-                rootWindow.colorPickerRequested()
+                barWindow.colorPickerRequested()
             }
         }
     }

quickshell/Modules/DankBar/Widgets/Battery.qml

@@ -31,7 +31,7 @@ BasePill {
                     size: Theme.barIconSize(battery.barThickness)
                     color: {
                         if (!BatteryService.batteryAvailable) {
-                            return Theme.surfaceText
+                            return Theme.widgetIconColor
                         }
 
                         if (BatteryService.isLowBattery && !BatteryService.isCharging) {
@@ -42,7 +42,7 @@ BasePill {
                             return Theme.primary
                         }
 
-                        return Theme.surfaceText
+                        return Theme.widgetIconColor
                     }
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
@@ -50,7 +50,7 @@ BasePill {
                 StyledText {
                     text: BatteryService.batteryLevel.toString()
                     font.pixelSize: Theme.barTextSize(battery.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.horizontalCenter: parent.horizontalCenter
                     visible: BatteryService.batteryAvailable
                 }
@@ -67,7 +67,7 @@ BasePill {
                     size: Theme.barIconSize(battery.barThickness, -4)
                     color: {
                         if (!BatteryService.batteryAvailable) {
-                            return Theme.surfaceText;
+                            return Theme.widgetIconColor;
                         }
 
                         if (BatteryService.isLowBattery && !BatteryService.isCharging) {
@@ -78,7 +78,7 @@ BasePill {
                             return Theme.primary;
                         }
 
-                        return Theme.surfaceText;
+                        return Theme.widgetIconColor;
                     }
                     anchors.verticalCenter: parent.verticalCenter
                 }
@@ -86,7 +86,7 @@ BasePill {
                 StyledText {
                     text: `${BatteryService.batteryLevel}%`
                     font.pixelSize: Theme.barTextSize(battery.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.verticalCenter: parent.verticalCenter
                     visible: BatteryService.batteryAvailable
                 }

quickshell/Modules/DankBar/Widgets/ClipboardButton.qml

@@ -18,7 +18,7 @@ BasePill {
                 anchors.centerIn: parent
                 name: "content_paste"
                 size: Theme.barIconSize(root.barThickness)
-                color: Theme.surfaceText
+                color: Theme.widgetIconColor
             }
         }
     }

quickshell/Modules/DankBar/Widgets/Clock.qml

@@ -36,7 +36,7 @@ BasePill {
                             }
                         }
                         font.pixelSize: Theme.barTextSize(root.barThickness)
-                        color: Theme.surfaceText
+                        color: Theme.widgetTextColor
                         horizontalAlignment: Text.AlignHCenter
                         verticalAlignment: Text.AlignBottom
                     }
@@ -52,7 +52,7 @@ BasePill {
                             }
                         }
                         font.pixelSize: Theme.barTextSize(root.barThickness)
-                        color: Theme.surfaceText
+                        color: Theme.widgetTextColor
                         horizontalAlignment: Text.AlignHCenter
                         verticalAlignment: Text.AlignBottom
                     }
@@ -65,7 +65,7 @@ BasePill {
                     StyledText {
                         text: String(systemClock?.date?.getMinutes()).padStart(2, '0').charAt(0)
                         font.pixelSize: Theme.barTextSize(root.barThickness)
-                        color: Theme.surfaceText
+                        color: Theme.widgetTextColor
                         horizontalAlignment: Text.AlignHCenter
                         verticalAlignment: Text.AlignBottom
                     }
@@ -73,7 +73,7 @@ BasePill {
                     StyledText {
                         text: String(systemClock?.date?.getMinutes()).padStart(2, '0').charAt(1)
                         font.pixelSize: Theme.barTextSize(root.barThickness)
-                        color: Theme.surfaceText
+                        color: Theme.widgetTextColor
                         horizontalAlignment: Text.AlignHCenter
                         verticalAlignment: Text.AlignBottom
                     }
@@ -87,7 +87,7 @@ BasePill {
                     StyledText {
                         text: String(systemClock?.date?.getSeconds()).padStart(2, '0').charAt(0)
                         font.pixelSize: Theme.barTextSize(root.barThickness)
-                        color: Theme.surfaceText
+                        color: Theme.widgetTextColor
                         horizontalAlignment: Text.AlignHCenter
                         verticalAlignment: Text.AlignBottom
                     }
@@ -95,7 +95,7 @@ BasePill {
                     StyledText {
                         text: String(systemClock?.date?.getSeconds()).padStart(2, '0').charAt(1)
                         font.pixelSize: Theme.barTextSize(root.barThickness)
-                        color: Theme.surfaceText
+                        color: Theme.widgetTextColor
                         horizontalAlignment: Text.AlignHCenter
                         verticalAlignment: Text.AlignBottom
                     }
@@ -193,7 +193,7 @@ BasePill {
                         return systemClock?.date?.toLocaleTimeString(Qt.locale(), SettingsData.getEffectiveTimeFormat())
                     }
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.baseline: dateText.baseline
                 }
 
@@ -215,7 +215,7 @@ BasePill {
                         return systemClock?.date?.toLocaleDateString(Qt.locale(), "ddd d")
                     }
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.verticalCenter: parent.verticalCenter
                     visible: !SettingsData.clockCompactMode
                 }

quickshell/Modules/DankBar/Widgets/ControlCenterButton.qml

@@ -85,7 +85,7 @@ BasePill {
                             return "volume_up"
                         }
                         size: Theme.barIconSize(root.barThickness)
-                        color: Theme.surfaceText
+                        color: Theme.widgetIconColor
                         anchors.centerIn: parent
                     }
 
@@ -104,6 +104,7 @@ BasePill {
                             if (AudioService.sink && AudioService.sink.audio) {
                                 AudioService.sink.audio.muted = false
                                 AudioService.sink.audio.volume = newVolume / 100
+                                AudioService.playVolumeChangeSoundIfEnabled()
                             }
                             wheelEvent.accepted = true
                         }
@@ -113,7 +114,7 @@ BasePill {
                 DankIcon {
                     name: "settings"
                     size: Theme.barIconSize(root.barThickness)
-                    color: root.isActive ? Theme.primary : Theme.surfaceText
+                    color: root.isActive ? Theme.primary : Theme.widgetIconColor
                     anchors.horizontalCenter: parent.horizontalCenter
                     visible: !root.showNetworkIcon && !root.showBluetoothIcon && !root.showAudioIcon
                 }
@@ -189,7 +190,7 @@ BasePill {
                             return "volume_up";
                         }
                         size: Theme.barIconSize(root.barThickness)
-                        color: Theme.surfaceText
+                        color: Theme.widgetIconColor
                         anchors.centerIn: parent
                     }
 
@@ -210,6 +211,7 @@ BasePill {
                             if (AudioService.sink && AudioService.sink.audio) {
                                 AudioService.sink.audio.muted = false;
                                 AudioService.sink.audio.volume = newVolume / 100;
+                                AudioService.playVolumeChangeSoundIfEnabled();
                             }
                             wheelEvent.accepted = true;
                         }
@@ -227,7 +229,7 @@ BasePill {
                 DankIcon {
                     name: "settings"
                     size: Theme.barIconSize(root.barThickness)
-                    color: root.isActive ? Theme.primary : Theme.surfaceText
+                    color: root.isActive ? Theme.primary : Theme.widgetIconColor
                     anchors.verticalCenter: parent.verticalCenter
                     visible: !root.showNetworkIcon && !root.showBluetoothIcon && !root.showAudioIcon
                 }

quickshell/Modules/DankBar/Widgets/CpuMonitor.qml

@@ -45,7 +45,7 @@ BasePill {
                             return Theme.tempWarning;
                         }
 
-                        return Theme.surfaceText;
+                        return Theme.widgetIconColor;
                     }
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
@@ -59,7 +59,7 @@ BasePill {
                         return DgopService.cpuUsage.toFixed(0);
                     }
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
             }
@@ -82,7 +82,7 @@ BasePill {
                             return Theme.tempWarning;
                         }
 
-                        return Theme.surfaceText;
+                        return Theme.widgetIconColor;
                     }
                     anchors.verticalCenter: parent.verticalCenter
                 }
@@ -96,7 +96,7 @@ BasePill {
                         return DgopService.cpuUsage.toFixed(0) + "%";
                     }
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.verticalCenter: parent.verticalCenter
                     horizontalAlignment: Text.AlignLeft
                     elide: Text.ElideNone

quickshell/Modules/DankBar/Widgets/CpuTemperature.qml

@@ -45,7 +45,7 @@ BasePill {
                             return Theme.tempWarning;
                         }
 
-                        return Theme.surfaceText;
+                        return Theme.widgetIconColor;
                     }
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
@@ -59,7 +59,7 @@ BasePill {
                         return Math.round(DgopService.cpuTemperature).toString();
                     }
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
             }
@@ -82,7 +82,7 @@ BasePill {
                             return Theme.tempWarning;
                         }
 
-                        return Theme.surfaceText;
+                        return Theme.widgetIconColor;
                     }
                     anchors.verticalCenter: parent.verticalCenter
                 }
@@ -96,7 +96,7 @@ BasePill {
                         return Math.round(DgopService.cpuTemperature) + "°";
                     }
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.verticalCenter: parent.verticalCenter
                     horizontalAlignment: Text.AlignLeft
                     elide: Text.ElideNone

quickshell/Modules/DankBar/Widgets/DWLLayout.qml

@@ -58,14 +58,14 @@ BasePill {
                 DankIcon {
                     name: layout.getLayoutIcon(layout.currentLayoutSymbol)
                     size: Theme.barIconSize(layout.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
 
                 StyledText {
                     text: layout.currentLayoutSymbol
                     font.pixelSize: Theme.barTextSize(layout.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
             }
@@ -79,14 +79,14 @@ BasePill {
                 DankIcon {
                     name: layout.getLayoutIcon(layout.currentLayoutSymbol)
                     size: Theme.barIconSize(layout.barThickness, -4)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.verticalCenter: parent.verticalCenter
                 }
 
                 StyledText {
                     text: layout.currentLayoutSymbol
                     font.pixelSize: Theme.barTextSize(layout.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.verticalCenter: parent.verticalCenter
                 }
             }

quickshell/Modules/DankBar/Widgets/DiskUsage.qml

@@ -115,7 +115,7 @@ BasePill {
                         return root.diskUsagePercent.toFixed(0)
                     }
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
             }
@@ -149,7 +149,7 @@ BasePill {
                         return root.selectedMount.mount
                     }
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.verticalCenter: parent.verticalCenter
                     horizontalAlignment: Text.AlignLeft
                     elide: Text.ElideNone
@@ -163,7 +163,7 @@ BasePill {
                         return root.diskUsagePercent.toFixed(0) + "%"
                     }
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.verticalCenter: parent.verticalCenter
                     horizontalAlignment: Text.AlignLeft
                     elide: Text.ElideNone

quickshell/Modules/DankBar/Widgets/FocusedApp.qml

@@ -124,7 +124,7 @@ BasePill {
                 anchors.centerIn: parent
                 size: 18
                 name: "sports_esports"
-                color: Theme.surfaceText
+                color: Theme.widgetTextColor
                 visible: {
                     if (!root.isVerticalOrientation || !activeWindow || !activeWindow.appId) return false
                     const moddedId = Paths.moddedAppId(activeWindow.appId)
@@ -148,7 +148,7 @@ BasePill {
                     return activeWindow.appId.charAt(0).toUpperCase()
                 }
                 font.pixelSize: 10
-                color: Theme.surfaceText
+                color: Theme.widgetTextColor
             }
 
             Row {
@@ -168,7 +168,7 @@ BasePill {
                         return desktopEntry && desktopEntry.name ? desktopEntry.name : activeWindow.appId;
                     }
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.verticalCenter: parent.verticalCenter
                     elide: Text.ElideRight
                     maximumLineCount: 1
@@ -204,7 +204,7 @@ BasePill {
                         return title;
                     }
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.verticalCenter: parent.verticalCenter
                     elide: Text.ElideRight
                     maximumLineCount: 1

quickshell/Modules/DankBar/Widgets/GpuTemperature.qml

@@ -109,7 +109,7 @@ BasePill {
                             return Theme.tempWarning;
                         }
 
-                        return Theme.surfaceText;
+                        return Theme.widgetIconColor;
                     }
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
@@ -123,7 +123,7 @@ BasePill {
                         return Math.round(root.displayTemp).toString();
                     }
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
             }
@@ -146,7 +146,7 @@ BasePill {
                             return Theme.tempWarning;
                         }
 
-                        return Theme.surfaceText;
+                        return Theme.widgetIconColor;
                     }
                     anchors.verticalCenter: parent.verticalCenter
                 }
@@ -160,7 +160,7 @@ BasePill {
                         return Math.round(root.displayTemp) + "°";
                     }
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.verticalCenter: parent.verticalCenter
                     horizontalAlignment: Text.AlignLeft
                     elide: Text.ElideNone

quickshell/Modules/DankBar/Widgets/IdleInhibitor.qml

@@ -18,7 +18,7 @@ BasePill {
                 anchors.centerIn: parent
                 name: SessionService.idleInhibited ? "motion_sensor_active" : "motion_sensor_idle"
                 size: Theme.barIconSize(root.barThickness, -4)
-                color: Theme.surfaceText
+                color: Theme.widgetTextColor
             }
         }
     }

quickshell/Modules/DankBar/Widgets/KeyboardLayoutName.qml

@@ -37,7 +37,7 @@ BasePill {
                 DankIcon {
                     name: "keyboard"
                     size: Theme.barIconSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
 
@@ -51,7 +51,7 @@ BasePill {
                         return root.currentLayout.substring(0, 2).toUpperCase()
                     }
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
             }
@@ -65,7 +65,7 @@ BasePill {
                 StyledText {
                     text: root.currentLayout
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.verticalCenter: parent.verticalCenter
                 }
             }

quickshell/Modules/DankBar/Widgets/LauncherButton.qml

@@ -23,7 +23,7 @@ BasePill {
                 anchors.centerIn: parent
                 name: "apps"
                 size: Theme.barIconSize(root.barThickness, -4)
-                color: Theme.surfaceText
+                color: Theme.widgetIconColor
             }
 
             SystemLogo {

quickshell/Modules/DankBar/Widgets/Media.qml

@@ -175,7 +175,7 @@ BasePill {
                             anchors.verticalCenter: parent.verticalCenter
                             text: textContainer.displayText
                             font.pixelSize: Theme.barTextSize(root.barThickness)
-                            color: Theme.surfaceText
+                            color: Theme.widgetTextColor
                             wrapMode: Text.NoWrap
                             x: needsScrolling ? -scrollOffset : 0
                             onTextChanged: {
@@ -249,7 +249,7 @@ BasePill {
                             anchors.centerIn: parent
                             name: "skip_previous"
                             size: 12
-                            color: Theme.surfaceText
+                            color: Theme.widgetTextColor
                         }
 
                         MouseArea {
@@ -306,7 +306,7 @@ BasePill {
                             anchors.centerIn: parent
                             name: "skip_next"
                             size: 12
-                            color: Theme.surfaceText
+                            color: Theme.widgetTextColor
                         }
 
                         MouseArea {

quickshell/Modules/DankBar/Widgets/NetworkMonitor.qml

@@ -42,7 +42,7 @@ BasePill {
                 DankIcon {
                     name: "network_check"
                     size: Theme.barIconSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
 
@@ -80,7 +80,7 @@ BasePill {
                 DankIcon {
                     name: "network_check"
                     size: Theme.barIconSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.verticalCenter: parent.verticalCenter
                 }
 
@@ -97,7 +97,7 @@ BasePill {
                     StyledText {
                         text: DgopService.networkRxRate > 0 ? root.formatNetworkSpeed(DgopService.networkRxRate) : "0 B/s"
                         font.pixelSize: Theme.barTextSize(root.barThickness)
-                        color: Theme.surfaceText
+                        color: Theme.widgetTextColor
                         anchors.verticalCenter: parent.verticalCenter
                         horizontalAlignment: Text.AlignLeft
                         elide: Text.ElideNone
@@ -133,7 +133,7 @@ BasePill {
                     StyledText {
                         text: DgopService.networkTxRate > 0 ? root.formatNetworkSpeed(DgopService.networkTxRate) : "0 B/s"
                         font.pixelSize: Theme.barTextSize(root.barThickness)
-                        color: Theme.surfaceText
+                        color: Theme.widgetTextColor
                         anchors.verticalCenter: parent.verticalCenter
                         horizontalAlignment: Text.AlignLeft
                         elide: Text.ElideNone

quickshell/Modules/DankBar/Widgets/NotificationCenterButton.qml

@@ -19,7 +19,7 @@ BasePill {
                 anchors.centerIn: parent
                 name: SessionData.doNotDisturb ? "notifications_off" : "notifications"
                 size: Theme.barIconSize(root.barThickness, -4)
-                color: SessionData.doNotDisturb ? Theme.error : (root.isActive ? Theme.primary : Theme.surfaceText)
+                color: SessionData.doNotDisturb ? Theme.error : (root.isActive ? Theme.primary : Theme.widgetIconColor)
             }
 
             Rectangle {

quickshell/Modules/DankBar/Widgets/PrivacyIndicator.qml

@@ -81,7 +81,7 @@ Item {
                 DankIcon {
                     name: "camera_video"
                     size: Theme.iconSizeSmall
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     filled: true
                     anchors.centerIn: parent
                 }
@@ -213,7 +213,7 @@ Item {
             anchors.centerIn: parent
             text: PrivacyService.getPrivacySummary()
             font.pixelSize: Theme.barTextSize(barThickness)
-            color: Theme.surfaceText
+            color: Theme.widgetTextColor
         }
 
         Rectangle {

quickshell/Modules/DankBar/Widgets/RamMonitor.qml

@@ -47,7 +47,7 @@ BasePill {
                             return Theme.tempWarning;
                         }
 
-                        return Theme.surfaceText;
+                        return Theme.widgetIconColor;
                     }
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
@@ -61,7 +61,7 @@ BasePill {
                         return DgopService.memoryUsage.toFixed(0);
                     }
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
 
@@ -92,7 +92,7 @@ BasePill {
                             return Theme.tempWarning;
                         }
 
-                        return Theme.surfaceText;
+                        return Theme.widgetIconColor;
                     }
                     anchors.verticalCenter: parent.verticalCenter
                 }
@@ -110,7 +110,7 @@ BasePill {
                         return ramText;
                     }
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.verticalCenter: parent.verticalCenter
                     horizontalAlignment: Text.AlignLeft
                     elide: Text.ElideNone

quickshell/Modules/DankBar/Widgets/RunningApps.qml

@@ -292,7 +292,7 @@ Item {
                             anchors.verticalCenter: parent.verticalCenter
                             size: Theme.barIconSize(root.barThickness)
                             name: "sports_esports"
-                            color: Theme.surfaceText
+                            color: Theme.widgetTextColor
                             visible: {
                                 const moddedId = Paths.moddedAppId(appId)
                                 return moddedId.toLowerCase().includes("steam_app")
@@ -321,7 +321,7 @@ Item {
                                 return appId.charAt(0).toUpperCase()
                             }
                             font.pixelSize: 10
-                            color: Theme.surfaceText
+                            color: Theme.widgetTextColor
                         }
 
                         Rectangle {
@@ -354,7 +354,7 @@ Item {
                             visible: !SettingsData.runningAppsCompactMode
                             text: windowTitle
                             font.pixelSize: Theme.barTextSize(barThickness)
-                            color: Theme.surfaceText
+                            color: Theme.widgetTextColor
                             elide: Text.ElideRight
                             maximumLineCount: 1
                         }
@@ -527,7 +527,7 @@ Item {
                             anchors.verticalCenter: parent.verticalCenter
                             size: Theme.barIconSize(root.barThickness)
                             name: "sports_esports"
-                            color: Theme.surfaceText
+                            color: Theme.widgetTextColor
                             visible: {
                                 const moddedId = Paths.moddedAppId(appId)
                                 return moddedId.toLowerCase().includes("steam_app")
@@ -555,7 +555,7 @@ Item {
                                 return appId.charAt(0).toUpperCase()
                             }
                             font.pixelSize: 10
-                            color: Theme.surfaceText
+                            color: Theme.widgetTextColor
                         }
 
                         Rectangle {
@@ -587,7 +587,7 @@ Item {
                             visible: !SettingsData.runningAppsCompactMode
                             text: windowTitle
                             font.pixelSize: Theme.barTextSize(barThickness)
-                            color: Theme.surfaceText
+                            color: Theme.widgetTextColor
                             elide: Text.ElideRight
                             maximumLineCount: 1
                         }
@@ -777,7 +777,7 @@ Item {
                     anchors.centerIn: parent
                     text: I18n.tr("Close")
                     font.pixelSize: Theme.fontSizeSmall
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                 }
 
                 MouseArea {

quickshell/Modules/DankBar/Widgets/SystemTrayBar.qml

@@ -161,7 +161,7 @@ Item {
                                 return itemId.charAt(0).toUpperCase()
                             }
                             font.pixelSize: 10
-                            color: Theme.surfaceText
+                            color: Theme.widgetTextColor
                         }
                     }
 
@@ -206,7 +206,7 @@ Item {
                         anchors.centerIn: parent
                         name: root.menuOpen ? "expand_less" : "expand_more"
                         size: Theme.barIconSize(root.barThickness)
-                        color: Theme.surfaceText
+                        color: Theme.widgetTextColor
                     }
 
                     MouseArea {
@@ -294,7 +294,7 @@ Item {
                                 return itemId.charAt(0).toUpperCase()
                             }
                             font.pixelSize: 10
-                            color: Theme.surfaceText
+                            color: Theme.widgetTextColor
                         }
                     }
 
@@ -346,7 +346,7 @@ Item {
                             }
                         }
                         size: Theme.barIconSize(root.barThickness)
-                        color: Theme.surfaceText
+                        color: Theme.widgetTextColor
                     }
 
                     MouseArea {
@@ -530,6 +530,7 @@ Item {
 
         Item {
             id: menuContainer
+            objectName: "overflowMenuContainer"
 
             readonly property real rawWidth: {
                 const itemCount = root.hiddenBarItems.length
@@ -704,7 +705,7 @@ Item {
                                 return itemId.charAt(0).toUpperCase()
                             }
                             font.pixelSize: 10
-                            color: Theme.surfaceText
+                            color: Theme.widgetTextColor
                         }
 
                         MouseArea {
@@ -724,8 +725,7 @@ Item {
 
                                 if (!trayItem.hasMenu) return
 
-                                root.menuOpen = false
-                                root.showForTrayItem(trayItem, parent, parentScreen, root.isAtBottom, root.isVertical, root.axis)
+                                root.showForTrayItem(trayItem, menuContainer, parentScreen, root.isAtBottom, root.isVertical, root.axis)
                             }
                         }
                     }
@@ -911,10 +911,10 @@ Item {
 
                 onVisibleChanged: {
                     if (visible) {
+                        updatePosition()
                         root.menuOpen = false
                         PopoutManager.closeAllPopouts()
                         ModalManager.closeAllModalsExcept(null)
-                        updatePosition()
                     }
                 }
 
@@ -954,11 +954,20 @@ Item {
 
                 function updatePosition() {
                     const targetItem = (typeof menuRoot !== "undefined" && menuRoot.anchorItem) ? menuRoot.anchorItem : root
-                    const globalPos = targetItem.mapToGlobal(0, 0)
-                    const screenX = screen.x || 0
-                    const screenY = screen.y || 0
-                    const relativeX = globalPos.x - screenX
-                    const relativeY = globalPos.y - screenY
+
+                    const isFromOverflowMenu = targetItem.objectName === "overflowMenuContainer"
+
+                    let relativeX, relativeY
+                    if (isFromOverflowMenu) {
+                        relativeX = targetItem.x
+                        relativeY = targetItem.y
+                    } else {
+                        const globalPos = targetItem.mapToGlobal(0, 0)
+                        const screenX = screen.x || 0
+                        const screenY = screen.y || 0
+                        relativeX = globalPos.x - screenX
+                        relativeY = globalPos.y - screenY
+                    }
 
                     const widgetThickness = Math.max(20, 26 + SettingsData.dankBarInnerPadding * 0.6)
                     const effectiveBarThickness = Math.max(widgetThickness + SettingsData.dankBarInnerPadding + 4, Theme.barHeight - 4 - (8 - SettingsData.dankBarInnerPadding))
@@ -1129,7 +1138,7 @@ Item {
                                 anchors.verticalCenter: parent.verticalCenter
                                 name: SessionData.isHiddenTrayId(menuRoot.trayItem?.id || "") ? "visibility" : "visibility_off"
                                 size: 16
-                                color: Theme.surfaceText
+                                color: Theme.widgetTextColor
                             }
 
                             MouseArea {
@@ -1174,14 +1183,14 @@ Item {
                                 DankIcon {
                                     name: "arrow_back"
                                     size: 16
-                                    color: Theme.surfaceText
+                                    color: Theme.widgetTextColor
                                     anchors.verticalCenter: parent.verticalCenter
                                 }
 
                                 StyledText {
                                     text: I18n.tr("Back")
                                     font.pixelSize: Theme.fontSizeSmall
-                                    color: Theme.surfaceText
+                                    color: Theme.widgetTextColor
                                     anchors.verticalCenter: parent.verticalCenter
                                 }
                             }
@@ -1317,7 +1326,7 @@ Item {
                                             anchors.centerIn: parent
                                             name: "chevron_right"
                                             size: 14
-                                            color: Theme.surfaceText
+                                            color: Theme.widgetTextColor
                                             visible: menuEntry?.hasChildren ?? false
                                         }
                                     }

quickshell/Modules/DankBar/Widgets/SystemUpdate.qml

@@ -112,7 +112,7 @@ BasePill {
                     anchors.verticalCenter: parent.verticalCenter
                     text: SystemUpdateService.updateCount.toString()
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     visible: root.hasUpdates && !root.isChecking
                 }
             }

quickshell/Modules/DankBar/Widgets/Weather.qml

@@ -31,7 +31,7 @@ BasePill {
                 DankIcon {
                     name: WeatherService.getWeatherIcon(WeatherService.weather.wCode)
                     size: Theme.barIconSize(root.barThickness, -6)
-                    color: Theme.primary
+                    color: Theme.widgetIconColor
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
 
@@ -44,7 +44,7 @@ BasePill {
                         return temp;
                     }
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
             }
@@ -58,7 +58,7 @@ BasePill {
                 DankIcon {
                     name: WeatherService.getWeatherIcon(WeatherService.weather.wCode)
                     size: Theme.barIconSize(root.barThickness, -6)
-                    color: Theme.primary
+                    color: Theme.widgetIconColor
                     anchors.verticalCenter: parent.verticalCenter
                 }
 
@@ -72,7 +72,7 @@ BasePill {
                         return temp + "°" + (SettingsData.useFahrenheit ? "F" : "C");
                     }
                     font.pixelSize: Theme.barTextSize(root.barThickness)
-                    color: Theme.surfaceText
+                    color: Theme.widgetTextColor
                     anchors.verticalCenter: parent.verticalCenter
                 }
             }

quickshell/Modules/DankBar/Widgets/WorkspaceSwitcher.qml

@@ -727,7 +727,7 @@ Item {
                                             anchors.centerIn: parent
                                             size: 18
                                             name: "sports_esports"
-                                            color: Theme.surfaceText
+                                            color: Theme.widgetTextColor
                                             opacity: modelData.active ? 1.0 : appMouseArea.containsMouse ? 0.8 : 0.6
                                             visible: modelData.isSteamApp
                                         }
@@ -798,7 +798,7 @@ Item {
                                             anchors.centerIn: parent
                                             size: 18
                                             name: "sports_esports"
-                                            color: Theme.surfaceText
+                                            color: Theme.widgetTextColor
                                             opacity: modelData.active ? 1.0 : appMouseArea.containsMouse ? 0.8 : 0.6
                                             visible: modelData.isSteamApp
                                         }

quickshell/Modules/DankDash/DankDashPopout.qml

@@ -292,6 +292,7 @@ DankPopout {
                         tabBarItem: tabBar
                         keyForwardTarget: mainContainer
                         targetScreen: root.triggerScreen
+                        parentPopout: root
                     }
 
                     WeatherTab {

quickshell/Modules/DankDash/MediaPlayerTab.qml

@@ -165,6 +165,7 @@ Item {
         if (newVolume > 0 && defaultSink.audio.muted) {
             defaultSink.audio.muted = false
         }
+        AudioService.playVolumeChangeSoundIfEnabled()
     }
 
     Process {
@@ -1392,6 +1393,7 @@ Item {
                             if (volume > 0 && defaultSink.audio.muted) {
                                 defaultSink.audio.muted = false
                             }
+                            AudioService.playVolumeChangeSoundIfEnabled()
                         }
                     }
                 }

quickshell/Modules/DankDash/WallpaperTab.qml

@@ -5,6 +5,7 @@ import QtQuick.Controls
 import QtQuick.Effects
 import QtQuick.Layouts
 import Quickshell
+import Quickshell.Wayland
 import qs.Common
 import qs.Modals.FileBrowser
 import qs.Services
@@ -25,6 +26,7 @@ Item {
     property Item tabBarItem: null
     property int gridIndex: 0
     property Item keyForwardTarget: null
+    property var parentPopout: null
     property int lastPage: 0
     property bool enableAnimation: false
     property string homeDir: StandardPaths.writableLocation(StandardPaths.HomeLocation)
@@ -293,6 +295,12 @@ Item {
         active: false
         asynchronous: true
 
+        onActiveChanged: {
+            if (active && parentPopout) {
+                parentPopout.WlrLayershell.keyboardFocus = WlrKeyboardFocus.None
+            }
+        }
+
         sourceComponent: FileBrowserModal {
             Component.onCompleted: {
                 open()
@@ -318,6 +326,13 @@ Item {
                             }
 
             onDialogClosed: {
+                if (parentPopout) {
+                    if (CompositorService.isHyprland) {
+                        parentPopout.WlrLayershell.keyboardFocus = WlrKeyboardFocus.OnDemand
+                    } else {
+                        parentPopout.WlrLayershell.keyboardFocus = WlrKeyboardFocus.Exclusive
+                    }
+                }
                 Qt.callLater(() => wallpaperBrowserLoader.active = false)
             }
         }

quickshell/Modules/Settings/LauncherTab.qml

@@ -591,6 +591,72 @@ Item {
                 }
             }
 
+            StyledRect {
+                width: parent.width
+                height: niriOverviewSection.implicitHeight + Theme.spacingL * 2
+                radius: Theme.cornerRadius
+                color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency)
+                border.color: Qt.rgba(Theme.outline.r, Theme.outline.g,
+                                      Theme.outline.b, 0.2)
+                border.width: 0
+                visible: CompositorService.isNiri
+
+                Column {
+                    id: niriOverviewSection
+
+                    anchors.fill: parent
+                    anchors.margins: Theme.spacingL
+                    spacing: Theme.spacingM
+
+                    Row {
+                        width: parent.width
+                        spacing: Theme.spacingM
+
+                        DankIcon {
+                            name: "open_in_new"
+                            size: Theme.iconSize
+                            color: Theme.primary
+                            anchors.verticalCenter: parent.verticalCenter
+                        }
+
+                        StyledText {
+                            text: I18n.tr("Close Overview on Launch")
+                            font.pixelSize: Theme.fontSizeLarge
+                            font.weight: Font.Medium
+                            color: Theme.surfaceText
+                            anchors.verticalCenter: parent.verticalCenter
+                        }
+
+                        Item {
+                            width: parent.width - parent.children[0].width
+                                   - parent.children[1].width
+                                   - niriOverviewToggle.width - Theme.spacingM * 3
+                            height: 1
+                        }
+
+                        DankToggle {
+                            id: niriOverviewToggle
+
+                            width: 32
+                            height: 18
+                            checked: SettingsData.spotlightCloseNiriOverview
+                            anchors.verticalCenter: parent.verticalCenter
+                            onToggled: checked => {
+                                SettingsData.set("spotlightCloseNiriOverview", checked)
+                            }
+                        }
+                    }
+
+                    StyledText {
+                        width: parent.width
+                        text: I18n.tr("When enabled, launching an app from the launcher will automatically close the Niri overview if it's open.")
+                        font.pixelSize: Theme.fontSizeSmall
+                        color: Theme.surfaceVariantText
+                        wrapMode: Text.WordWrap
+                    }
+                }
+            }
+
             StyledRect {
                 width: parent.width
                 height: recentlyUsedSection.implicitHeight + Theme.spacingL * 2

quickshell/Modules/Settings/ThemeColorsTab.qml

@@ -704,6 +704,57 @@ Item {
                         }
                     }
 
+                    Row {
+                        width: parent.width
+                        height: 40
+                        spacing: Theme.spacingM
+
+                        Column {
+                            width: parent.width - widgetColorModeGroup.width - parent.spacing
+                            anchors.verticalCenter: parent.verticalCenter
+                            spacing: 2
+
+                            StyledText {
+                                text: I18n.tr("Widget Style")
+                                font.pixelSize: Theme.fontSizeMedium
+                                color: Theme.surfaceText
+                                font.weight: Font.Medium
+                                elide: Text.ElideRight
+                                width: parent.width
+                            }
+
+                            StyledText {
+                                text: I18n.tr("Change bar appearance")
+                                font.pixelSize: Theme.fontSizeSmall
+                                color: Theme.surfaceVariantText
+                                elide: Text.ElideRight
+                                width: parent.width
+                            }
+                        }
+
+                        DankButtonGroup {
+                            id: widgetColorModeGroup
+                            property int currentColorModeIndex: {
+                                switch (SettingsData.widgetColorMode) {
+                                    case "default": return 0
+                                    case "colorful": return 1
+                                    default: return 0
+                                }
+                            }
+
+                            model: ["default", "colorful"]
+                            currentIndex: currentColorModeIndex
+                            selectionMode: "single"
+                            anchors.verticalCenter: parent.verticalCenter
+
+                            onSelectionChanged: (index, selected) => {
+                                if (!selected) return
+                                const colorModeOptions = ["default", "colorful"]
+                                SettingsData.set("widgetColorMode", colorModeOptions[index])
+                            }
+                        }
+                    }
+
                     Column {
                         width: parent.width
                         spacing: Theme.spacingS

quickshell/Modules/WorkspaceOverlays/NiriOverviewOverlay.qml

@@ -0,0 +1,229 @@
+import QtQuick
+import QtQuick.Controls
+import Quickshell
+import Quickshell.Wayland
+import qs.Common
+import qs.Modals.Spotlight
+import qs.Services
+
+Scope {
+    id: niriOverviewScope
+
+    property bool searchActive: false
+    property string searchActiveScreen: ""
+    property bool overlayActive: NiriService.inOverview && !(PopoutService.spotlightModal?.spotlightOpen ?? false)
+
+    function showSpotlight(screenName) {
+        searchActive = true
+        searchActiveScreen = screenName
+    }
+
+    function hideSpotlight() {
+        searchActive = false
+        searchActiveScreen = ""
+    }
+
+    Connections {
+        target: NiriService
+        function onInOverviewChanged() {
+            if (!NiriService.inOverview) {
+                hideSpotlight()
+            } else {
+                searchActive = false
+                searchActiveScreen = ""
+            }
+        }
+
+        function onCurrentOutputChanged() {
+            if (NiriService.inOverview && searchActive && searchActiveScreen !== "" && searchActiveScreen !== NiriService.currentOutput) {
+                hideSpotlight()
+            }
+        }
+    }
+
+    Connections {
+        target: PopoutService.spotlightModal
+        function onSpotlightOpenChanged() {
+            if (PopoutService.spotlightModal?.spotlightOpen && searchActive) {
+                hideSpotlight()
+            }
+        }
+    }
+
+    Loader {
+        id: niriOverlayLoader
+        active: overlayActive
+        asynchronous: false
+
+        sourceComponent: Variants {
+            id: overlayVariants
+            model: Quickshell.screens
+
+            PanelWindow {
+                id: overlayWindow
+                required property var modelData
+
+                readonly property real dpr: CompositorService.getScreenScale(screen)
+                readonly property bool isActiveScreen: screen.name === NiriService.currentOutput
+                readonly property bool shouldShowSpotlight: niriOverviewScope.searchActive && screen.name === niriOverviewScope.searchActiveScreen
+
+                screen: modelData
+                visible: NiriService.inOverview
+                color: "transparent"
+
+                WlrLayershell.namespace: "dms:niri-overview-spotlight"
+                WlrLayershell.layer: WlrLayer.Overlay
+                WlrLayershell.exclusiveZone: -1
+                WlrLayershell.keyboardFocus: {
+                    if (!NiriService.inOverview) return WlrKeyboardFocus.None
+                    if (!isActiveScreen) return WlrKeyboardFocus.None
+                    return WlrKeyboardFocus.Exclusive
+                }
+
+                mask: Region {
+                    item: shouldShowSpotlight ? spotlightContainer : null
+                }
+
+                onShouldShowSpotlightChanged: {
+                    if (!shouldShowSpotlight && isActiveScreen) {
+                        Qt.callLater(() => keyboardFocusScope.forceActiveFocus())
+                    }
+                }
+
+                anchors {
+                    top: true
+                    left: true
+                    right: true
+                    bottom: true
+                }
+
+
+                FocusScope {
+                    id: keyboardFocusScope
+                    anchors.fill: parent
+                    focus: true
+
+                    Keys.onPressed: event => {
+                        if (!overlayWindow.shouldShowSpotlight) {
+                            if ([Qt.Key_Escape, Qt.Key_Return].includes(event.key)) {
+                                NiriService.toggleOverview()
+                                event.accepted = true
+                                return
+                            }
+
+                            if (event.key === Qt.Key_Left) {
+                                NiriService.moveColumnLeft()
+                                event.accepted = true
+                                return
+                            }
+
+                            if (event.key === Qt.Key_Right) {
+                                NiriService.moveColumnRight()
+                                event.accepted = true
+                                return
+                            }
+
+                            if (event.key === Qt.Key_Up) {
+                                NiriService.moveWorkspaceUp()
+                                event.accepted = true
+                                return
+                            }
+
+                            if (event.key === Qt.Key_Down) {
+                                NiriService.moveWorkspaceDown()
+                                event.accepted = true
+                                return
+                            }
+
+                            if (event.modifiers & (Qt.ControlModifier | Qt.MetaModifier) || [Qt.Key_Delete, Qt.Key_Backspace].includes(event.key)) {
+                                event.accepted = false
+                                return
+                            }
+
+                            if (!event.isAutoRepeat && event.text) {
+                                niriOverviewScope.showSpotlight(overlayWindow.screen.name)
+                                if (spotlightContent?.searchField) {
+                                    spotlightContent.searchField.text = event.text.trim()
+                                    if (spotlightContent.appLauncher) {
+                                        spotlightContent.appLauncher.searchQuery = event.text.trim()
+                                    }
+                                    Qt.callLater(() => spotlightContent.searchField.forceActiveFocus())
+                                }
+                                event.accepted = true
+                            }
+                        }
+                    }
+                }
+
+                Item {
+                    id: spotlightContainer
+                    x: Theme.snap((parent.width - width) / 2, overlayWindow.dpr)
+                    y: Theme.snap((parent.height - height) / 2, overlayWindow.dpr)
+                    width: Theme.px(500, overlayWindow.dpr)
+                    height: Theme.px(600, overlayWindow.dpr)
+
+                    property real scaleValue: 0.96
+
+                    scale: scaleValue
+                    opacity: overlayWindow.shouldShowSpotlight ? 1 : 0
+                    enabled: overlayWindow.shouldShowSpotlight
+
+                    layer.enabled: true
+                    layer.smooth: false
+                    layer.textureSize: Qt.size(Math.round(width * overlayWindow.dpr), Math.round(height * overlayWindow.dpr))
+
+                    Connections {
+                        target: overlayWindow
+                        function onShouldShowSpotlightChanged() {
+                            spotlightContainer.scaleValue = overlayWindow.shouldShowSpotlight ? 1.0 : 0.96
+                        }
+                    }
+
+                    Behavior on scaleValue {
+                        NumberAnimation {
+                            duration: Theme.expressiveDurations.expressiveDefaultSpatial
+                            easing.type: Easing.BezierSpline
+                            easing.bezierCurve: niriOverviewScope.searchActive ? Theme.expressiveCurves.expressiveDefaultSpatial : Theme.expressiveCurves.emphasized
+                        }
+                    }
+
+                    Behavior on opacity {
+                        NumberAnimation {
+                            duration: Theme.expressiveDurations.expressiveDefaultSpatial
+                            easing.type: Easing.BezierSpline
+                            easing.bezierCurve: niriOverviewScope.searchActive ? Theme.expressiveCurves.expressiveDefaultSpatial : Theme.expressiveCurves.emphasized
+                        }
+                    }
+
+                    Rectangle {
+                        anchors.fill: parent
+                        color: Theme.withAlpha(Theme.surfaceContainer, Theme.popupTransparency)
+                        radius: Theme.cornerRadius
+                        border.color: Theme.outlineMedium
+                        border.width: 1
+                    }
+
+                    SpotlightContent {
+                        id: spotlightContent
+                        anchors.fill: parent
+                        anchors.margins: 0
+
+                        property var fakeParentModal: QtObject {
+                            property bool spotlightOpen: overlayWindow.shouldShowSpotlight
+                            function hide() {
+                                niriOverviewScope.hideSpotlight()
+                                if (overlayWindow.isActiveScreen) {
+                                    Qt.callLater(() => keyboardFocusScope.forceActiveFocus())
+                                }
+                            }
+                        }
+
+                        Component.onCompleted: {
+                            parentModal = fakeParentModal
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

quickshell/Services/AudioService.qml

@@ -407,24 +407,9 @@ Singleton {
         }
     }
 
-    Timer {
-        id: volumeSoundDebounce
-        interval: 50
-        repeat: false
-        onTriggered: {
-            if (!root.suppressOSD && SettingsData.soundsEnabled && SettingsData.soundVolumeChanged) {
-                root.playVolumeChangeSound()
-            }
-        }
-    }
-
-    Connections {
-        target: root.sink && root.sink.audio ? root.sink.audio : null
-        enabled: root.sink && root.sink.audio
-        ignoreUnknownSignals: true
-
-        function onVolumeChanged() {
-            volumeSoundDebounce.restart()
+    function playVolumeChangeSoundIfEnabled() {
+        if (SettingsData.soundsEnabled && SettingsData.soundVolumeChanged) {
+            playVolumeChangeSound()
         }
     }
 
@@ -559,6 +544,7 @@ Singleton {
             const newVolume = Math.max(0, Math.min(100, currentVolume + stepValue))
 
             root.sink.audio.volume = newVolume / 100
+            root.playVolumeChangeSoundIfEnabled()
             return `Volume increased to ${newVolume}%`
         }
 
@@ -576,6 +562,7 @@ Singleton {
             const newVolume = Math.max(0, Math.min(100, currentVolume - stepValue))
 
             root.sink.audio.volume = newVolume / 100
+            root.playVolumeChangeSoundIfEnabled()
             return `Volume decreased to ${newVolume}%`
         }
 

quickshell/Services/NiriService.qml

@@ -606,6 +606,38 @@ Singleton {
                     })
     }
 
+    function moveColumnLeft() {
+        return send({
+                        "Action": {
+                            "FocusColumnLeft": {}
+                        }
+                    })
+    }
+
+    function moveColumnRight() {
+        return send({
+                        "Action": {
+                            "FocusColumnRight": {}
+                        }
+                    })
+    }
+
+    function moveWorkspaceDown() {
+        return send({
+                        "Action": {
+                            "FocusWorkspaceDown": {}
+                        }
+                    })
+    }
+
+    function moveWorkspaceUp() {
+        return send({
+                        "Action": {
+                            "FocusWorkspaceUp": {}
+                        }
+                    })
+    }
+
     function switchToWorkspace(workspaceIndex) {
         return send({
                         "Action": {

quickshell/Services/PrivacyService.qml

@@ -34,7 +34,7 @@ Singleton {
     }
 
     PwObjectTracker {
-        objects: Pipewire.nodes.values.filter(node => node.audio && !node.isStream)
+        objects: Pipewire.nodes.values.filter(node => !node.isStream)
     }
 
     readonly property bool cameraActive: {
@@ -47,7 +47,7 @@ Singleton {
             if (!node || !node.ready) {
                 continue
             }
-
+            
             if (node.properties && node.properties["media.class"] === "Stream/Input/Video") {
                 if (node.properties["stream.is-live"] === "true") {
                     return true

quickshell/VERSION

@@ -1 +1 @@
-v0.6.0
+v0.6.2