fix stuff not getting blurred when transparency is enabled

.config/quickshell/ii/modules/common/functions/ColorUtils.qml

@@ -111,4 +111,17 @@ Singleton {
         var c = Qt.color(color);
         return Qt.rgba(c.r, c.g, c.b, c.a * (1 - percentage));
     }
+
+    /**
+     * Sets the alpha channel of a color.
+     *
+     * @param {string} color - The base color (any Qt.color-compatible string).
+     * @param {number} alpha - The desired alpha (0-1).
+     * @returns {Qt.rgba} The resulting color with applied alpha.
+     */
+    function applyAlpha(color, alpha) {
+        var c = Qt.color(color);
+        var a = Math.max(0, Math.min(1, alpha));
+        return Qt.rgba(c.r, c.g, c.b, a);
+    }
 }

.config/quickshell/ii/modules/common/widgets/NotificationGroup.qml

@@ -105,7 +105,7 @@ Item { // Notification group area
         id: background
         anchors.left: parent.left
         width: parent.width
-        color: Appearance.colors.colLayer2
+        color: popup ? ColorUtils.applyAlpha(Appearance.colors.colLayer2, 1 - Appearance.backgroundTransparency) : Appearance.colors.colLayer2
         radius: Appearance.rounding.normal
         anchors.leftMargin: root.xOffset
 

.config/quickshell/ii/modules/common/widgets/StyledPopup.qml

@@ -1,4 +1,5 @@
 import qs.modules.common
+import qs.modules.common.functions
 import QtQuick
 import QtQuick.Effects
 import Quickshell
@@ -54,7 +55,7 @@ LazyLoader {
             anchors.centerIn: parent
             implicitWidth: root.contentItem.implicitWidth + margin * 2
             implicitHeight: root.contentItem.implicitHeight + margin * 2
-            color: Appearance.colors.colSurfaceContainer
+            color: ColorUtils.applyAlpha(Appearance.colors.colSurfaceContainer, 1 - Appearance.backgroundTransparency)
             radius: Appearance.rounding.small
             children: [root.contentItem]