Merge pull request #1740 from whiskeyPeak/make-overview-blur-and-tint-customizable

Make overview blur and tint customizable

Assets/Translations/en.json

@@ -1489,6 +1489,10 @@
       "automation-random-wallpaper-description": "Schedule random wallpaper changes at regular intervals.",
       "automation-scheduled-change-description": "Automatically change wallpapers at regular intervals.",
       "automation-scheduled-change-label": "Scheduled change",
+      "look-feel-overview-tint-description": "Applies the tint strength to the overview.",
+      "look-feel-overview-tint-label": "Overview tint strength",
+      "look-feel-overview-blur-description": "Applies the blur strength to the overview.",
+      "look-feel-overview-blur-label": "Overview blur strength",
       "look-feel-edge-smoothness-description": "Applies a soft, feathered effect to the edge of transitions.",
       "look-feel-edge-smoothness-label": "Soften transition edge",
       "look-feel-fill-color-description": "Choose a fill color that may appear behind the wallpaper.",

Assets/settings-default.json

@@ -172,6 +172,8 @@
     "transitionDuration": 1500,
     "transitionType": "random",
     "transitionEdgeSmoothness": 0.05,
+    "overviewBlur": 0.4,
+    "overviewTint": 0.6,
     "panelPosition": "follow_bar",
     "hideWallpaperFilenames": false,
     "useWallhaven": false,

Commons/Settings.qml

@@ -374,6 +374,8 @@ Singleton {
       property real transitionEdgeSmoothness: 0.05
       property string panelPosition: "follow_bar"
       property bool hideWallpaperFilenames: false
+      property real overviewBlur: 0.4
+      property real overviewTint: 0.6
       // Wallhaven settings
       property bool useWallhaven: false
       property string wallhavenQuery: ""

Modules/Background/Overview.qml

@@ -5,6 +5,7 @@ import Quickshell.Wayland
 import qs.Commons
 import qs.Services.Compositor
 import qs.Services.UI
+import qs.Services.Power
 
 Loader {
   active: CompositorService.isNiri && Settings.data.wallpaper.enabled && Settings.data.wallpaper.overviewEnabled
@@ -100,16 +101,16 @@ Loader {
         layer.enabled: true
         layer.smooth: false
         layer.effect: MultiEffect {
-          blurEnabled: true
-          blur: 1.0
-          blurMax: 32
+          blurEnabled: !PowerProfileService.noctaliaPerformanceMode
+          blur: Settings.data.wallpaper.overviewBlur
+          blurMax: 48
         }
 
         // Tint overlay
         Rectangle {
           anchors.fill: parent
           color: tintColor
-          opacity: 0.6
+          opacity: Settings.data.wallpaper.overviewTint
         }
       }
     }

Modules/Panels/Settings/Tabs/Wallpaper/LookAndFeelSubTab.qml

@@ -69,4 +69,32 @@ ColumnLayout {
     text: Math.round(Settings.data.wallpaper.transitionEdgeSmoothness * 100) + "%"
     defaultValue: Settings.getDefaultValue("wallpaper.transitionEdgeSmoothness")
   }
+
+  NValueSlider {
+    Layout.fillWidth: true
+    label: I18n.tr("panels.wallpaper.look-feel-overview-blur-label")
+    description: I18n.tr("panels.wallpaper.look-feel-overview-blur-description")
+    visible: CompositorService.isNiri
+    from: 0.0
+    to: 1.0
+    stepSize: 0.01
+    value: Settings.data.wallpaper.overviewBlur
+    onMoved: value => Settings.data.wallpaper.overviewBlur = value
+    text: ((Settings.data.wallpaper.overviewBlur) * 100).toFixed(0) + "%"
+    defaultValue: Settings.getDefaultValue("wallpaper.overviewBlur")
+  }
+
+  NValueSlider {
+    Layout.fillWidth: true
+    label: I18n.tr("panels.wallpaper.look-feel-overview-tint-label")
+    description: I18n.tr("panels.wallpaper.look-feel-overview-tint-description")
+    visible: CompositorService.isNiri
+    from: 0.0
+    to: 1.0
+    stepSize: 0.01
+    value: Settings.data.wallpaper.overviewTint
+    onMoved: value => Settings.data.wallpaper.overviewTint = value
+    text: ((Settings.data.wallpaper.overviewTint) * 100).toFixed(0) + "%"
+    defaultValue: Settings.getDefaultValue("wallpaper.overviewTint")
+  }
 }