controlcenter: corrected certain containers not respecting transparency layers

8 files changed, 10 insertions, 10 deletions

diff --git a/components/SectionContainer.qml b/components/SectionContainer.qml
index d41254b..f7dfef4 100644
--- a/components/SectionContainer.qml
+++ b/components/SectionContainer.qml
@@ -15,7 +15,7 @@ StyledRect {
     implicitHeight: contentColumn.implicitHeight + Appearance.padding.large * 2
 
     radius: Appearance.rounding.normal
-    color: Colours.tPalette.m3surfaceContainer
+    color: Colours.layer(Colours.palette.m3surfaceContainer, 2)
 
     ColumnLayout {
         id: contentColumn
diff --git a/components/controls/FilledSlider.qml b/components/controls/FilledSlider.qml
index 78b8a5c..80dd44c 100644
--- a/components/controls/FilledSlider.qml
+++ b/components/controls/FilledSlider.qml
@@ -15,7 +15,7 @@ Slider {
     orientation: Qt.Vertical
 
     background: StyledRect {
-        color: Colours.tPalette.m3surfaceContainer
+        color: Colours.layer(Colours.palette.m3surfaceContainer, 2)
         radius: Appearance.rounding.full
 
         StyledRect {
diff --git a/components/controls/SpinBoxRow.qml b/components/controls/SpinBoxRow.qml
index 2507b80..4902627 100644
--- a/components/controls/SpinBoxRow.qml
+++ b/components/controls/SpinBoxRow.qml
@@ -19,7 +19,7 @@ StyledRect {
     Layout.fillWidth: true
     implicitHeight: row.implicitHeight + Appearance.padding.large * 2
     radius: Appearance.rounding.normal
-    color: Colours.tPalette.m3surfaceContainer
+    color: Colours.layer(Colours.palette.m3surfaceContainer, 2)
 
     Behavior on implicitHeight {
         Anim {}
diff --git a/components/controls/StyledSlider.qml b/components/controls/StyledSlider.qml
index 92c8aa8..55e8c8d 100644
--- a/components/controls/StyledSlider.qml
+++ b/components/controls/StyledSlider.qml
@@ -32,7 +32,7 @@ Slider {
 
             implicitWidth: parent.width - root.handle.x - root.handle.implicitWidth - root.implicitHeight / 6
 
-            color: Colours.tPalette.m3surfaceContainer
+            color: Colours.layer(Colours.palette.m3surfaceContainer, 2)
             radius: Appearance.rounding.full
             topLeftRadius: root.implicitHeight / 15
             bottomLeftRadius: root.implicitHeight / 15
diff --git a/components/controls/SwitchRow.qml b/components/controls/SwitchRow.qml
index 0ec7aa5..7fa3e1b 100644
--- a/components/controls/SwitchRow.qml
+++ b/components/controls/SwitchRow.qml
@@ -17,7 +17,7 @@ StyledRect {
     Layout.fillWidth: true
     implicitHeight: row.implicitHeight + Appearance.padding.large * 2
     radius: Appearance.rounding.normal
-    color: Colours.tPalette.m3surfaceContainer
+    color: Colours.layer(Colours.palette.m3surfaceContainer, 2)
 
     Behavior on implicitHeight {
         Anim {}
diff --git a/modules/controlcenter/audio/AudioPane.qml b/modules/controlcenter/audio/AudioPane.qml
index 005de3a..1c0c770 100644
--- a/modules/controlcenter/audio/AudioPane.qml
+++ b/modules/controlcenter/audio/AudioPane.qml
@@ -127,7 +127,7 @@ RowLayout {
 
                                 Layout.fillWidth: true
 
-                                color: Qt.alpha(Colours.tPalette.m3surfaceContainer, Audio.sink?.id === modelData.id ? Colours.tPalette.m3surfaceContainer.a : 0)
+                                color: Audio.sink?.id === modelData.id ? Colours.layer(Colours.palette.m3surfaceContainer, 2) : "transparent"
                                 radius: Appearance.rounding.normal
 
                                 StateLayer {
@@ -205,7 +205,7 @@ RowLayout {
 
                                 Layout.fillWidth: true
 
-                                color: Qt.alpha(Colours.tPalette.m3surfaceContainer, Audio.source?.id === modelData.id ? Colours.tPalette.m3surfaceContainer.a : 0)
+                                color: Audio.source?.id === modelData.id ? Colours.layer(Colours.palette.m3surfaceContainer, 2) : "transparent"
                                 radius: Appearance.rounding.normal
 
                                 StateLayer {
diff --git a/modules/controlcenter/launcher/LauncherPane.qml b/modules/controlcenter/launcher/LauncherPane.qml
index 12abc1e..dc7a7a7 100644
--- a/modules/controlcenter/launcher/LauncherPane.qml
+++ b/modules/controlcenter/launcher/LauncherPane.qml
@@ -218,7 +218,7 @@ RowLayout {
                 Layout.topMargin: Appearance.spacing.normal
                 Layout.bottomMargin: Appearance.spacing.small
 
-                color: Colours.tPalette.m3surfaceContainer
+                color: Colours.layer(Colours.palette.m3surfaceContainer, 2)
                 radius: Appearance.rounding.full
 
                 implicitHeight: Math.max(searchIcon.implicitHeight, searchField.implicitHeight, clearIcon.implicitHeight)
@@ -317,7 +317,7 @@ RowLayout {
 
                     readonly property bool isSelected: root.selectedApp === modelData
 
-                    color: Qt.alpha(Colours.tPalette.m3surfaceContainer, isSelected ? Colours.tPalette.m3surfaceContainer.a : 0)
+                    color: isSelected ? Colours.layer(Colours.palette.m3surfaceContainer, 2) : "transparent"
                     radius: Appearance.rounding.normal
 
                     StateLayer {
diff --git a/modules/launcher/Content.qml b/modules/launcher/Content.qml
index f674569..c085976 100644
--- a/modules/launcher/Content.qml
+++ b/modules/launcher/Content.qml
@@ -47,7 +47,7 @@ Item {
     StyledRect {
         id: searchWrapper
 
-        color: Colours.tPalette.m3surfaceContainer
+        color: Colours.layer(Colours.palette.m3surfaceContainer, 2)
         radius: Appearance.rounding.full
 
         anchors.left: parent.left