From 8f4190a9399258162fcb5af76320d8b0c8321d88 Mon Sep 17 00:00:00 2001
From: end-4 <97237370+end-4@users.noreply.github.com>
Date: Sun, 9 Nov 2025 12:58:10 +0100
Subject: [PATCH] overlay: refractor widget background

---
 .../ii/modules/ii/overlay/OverlayBackground.qml           | 8 ++++++++
 .../modules/ii/overlay/fpsLimiter/FpsLimiterContent.qml   | 5 ++---
 .../ii/modules/ii/overlay/recorder/Recorder.qml           | 4 +---
 .../ii/modules/ii/overlay/resources/Resources.qml         | 4 +---
 .../ii/modules/ii/overlay/volumeMixer/VolumeMixer.qml     | 4 +---
 5 files changed, 13 insertions(+), 12 deletions(-)
 create mode 100644 dots/.config/quickshell/ii/modules/ii/overlay/OverlayBackground.qml

diff --git a/dots/.config/quickshell/ii/modules/ii/overlay/OverlayBackground.qml b/dots/.config/quickshell/ii/modules/ii/overlay/OverlayBackground.qml
new file mode 100644
index 000000000..205307cab
--- /dev/null
+++ b/dots/.config/quickshell/ii/modules/ii/overlay/OverlayBackground.qml
@@ -0,0 +1,8 @@
+import QtQuick
+import qs.modules.common
+
+Rectangle {
+    id: contentItem
+    anchors.fill: parent
+    color: Appearance.m3colors.m3surfaceContainer
+}
diff --git a/dots/.config/quickshell/ii/modules/ii/overlay/fpsLimiter/FpsLimiterContent.qml b/dots/.config/quickshell/ii/modules/ii/overlay/fpsLimiter/FpsLimiterContent.qml
index a67bf40c1..def4a6c60 100644
--- a/dots/.config/quickshell/ii/modules/ii/overlay/fpsLimiter/FpsLimiterContent.qml
+++ b/dots/.config/quickshell/ii/modules/ii/overlay/fpsLimiter/FpsLimiterContent.qml
@@ -6,16 +6,15 @@ import Quickshell
 import Quickshell.Io
 import qs.modules.common
 import qs.modules.common.widgets
+import qs.modules.ii.overlay
 
-Rectangle {
+OverlayBackground {
     id: root
 
     enum State { Normal, Success, Error }
 
-    anchors.fill: parent
     property real padding: 16
     property var currentState: FpsLimiterContent.State.Normal
-    color: Appearance.m3colors.m3surfaceContainer
     implicitWidth: content.implicitWidth + (padding * 2)
     implicitHeight: content.implicitHeight + (padding * 2)
 
diff --git a/dots/.config/quickshell/ii/modules/ii/overlay/recorder/Recorder.qml b/dots/.config/quickshell/ii/modules/ii/overlay/recorder/Recorder.qml
index 83e25cdc7..2c70b312e 100644
--- a/dots/.config/quickshell/ii/modules/ii/overlay/recorder/Recorder.qml
+++ b/dots/.config/quickshell/ii/modules/ii/overlay/recorder/Recorder.qml
@@ -12,11 +12,9 @@ StyledOverlayWidget {
     minimumWidth: 310
     minimumHeight: 130
 
-    contentItem: Rectangle {
+    contentItem: OverlayBackground {
         id: contentItem
-        anchors.fill: parent
         radius: root.contentRadius
-        color: Appearance.m3colors.m3surfaceContainer
         property real padding: 8
         ColumnLayout {
             id: contentColumn
diff --git a/dots/.config/quickshell/ii/modules/ii/overlay/resources/Resources.qml b/dots/.config/quickshell/ii/modules/ii/overlay/resources/Resources.qml
index 8af7aa79f..8bec779bd 100644
--- a/dots/.config/quickshell/ii/modules/ii/overlay/resources/Resources.qml
+++ b/dots/.config/quickshell/ii/modules/ii/overlay/resources/Resources.qml
@@ -37,10 +37,8 @@ StyledOverlayWidget {
         },
     ]
 
-    contentItem: Rectangle {
+    contentItem: OverlayBackground {
         id: contentItem
-        anchors.fill: parent
-        color: Appearance.m3colors.m3surfaceContainer
         radius: root.contentRadius
         property real padding: 4
         ColumnLayout {
diff --git a/dots/.config/quickshell/ii/modules/ii/overlay/volumeMixer/VolumeMixer.qml b/dots/.config/quickshell/ii/modules/ii/overlay/volumeMixer/VolumeMixer.qml
index 2bc1581d1..9a93e80b5 100644
--- a/dots/.config/quickshell/ii/modules/ii/overlay/volumeMixer/VolumeMixer.qml
+++ b/dots/.config/quickshell/ii/modules/ii/overlay/volumeMixer/VolumeMixer.qml
@@ -13,9 +13,7 @@ StyledOverlayWidget {
     minimumWidth: 300
     minimumHeight: 380
 
-    contentItem: Rectangle {
-        anchors.fill: parent
-        color: Appearance.m3colors.m3surfaceContainer
+    contentItem: OverlayBackground {
         radius: root.contentRadius
         property real padding: 6