internal: transparency support coming soon™

Also fix media player selector text colour
Fix colour preview not resetting light/dark mode

33 files changed, 67 insertions, 64 deletions

diff --git a/modules/bar/Bar.qml b/modules/bar/Bar.qml
index d661b86..e7d3cd0 100644
--- a/modules/bar/Bar.qml
+++ b/modules/bar/Bar.qml
@@ -90,7 +90,7 @@ Item {
             anchors.topMargin: Appearance.spacing.normal
 
             radius: Appearance.rounding.full
-            color: Colours.palette.m3surfaceContainer
+            color: Colours.tPalette.m3surfaceContainer
 
             implicitWidth: workspacesInner.implicitWidth + Appearance.padding.small * 2
             implicitHeight: workspacesInner.implicitHeight + Appearance.padding.small * 2
@@ -152,7 +152,7 @@ Item {
             anchors.bottomMargin: Appearance.spacing.normal
 
             radius: Appearance.rounding.full
-            color: Colours.palette.m3surfaceContainer
+            color: Colours.tPalette.m3surfaceContainer
 
             implicitHeight: statusIconsInner.implicitHeight + Appearance.padding.normal * 2
 
diff --git a/modules/bar/components/workspaces/OccupiedBg.qml b/modules/bar/components/workspaces/OccupiedBg.qml
index 567510a..bfdbbbd 100644
--- a/modules/bar/components/workspaces/OccupiedBg.qml
+++ b/modules/bar/components/workspaces/OccupiedBg.qml
@@ -51,7 +51,7 @@ Item {
             readonly property Workspace start: root.workspaces[modelData.start - 1 - root.groupOffset] ?? null
             readonly property Workspace end: root.workspaces[modelData.end - 1 - root.groupOffset] ?? null
 
-            color: Colours.alpha(Colours.palette.m3surfaceContainerHigh, true)
+            color: Colours.tPalette.m3surfaceContainerHigh
             radius: Config.bar.workspaces.rounded ? Appearance.rounding.full : 0
 
             x: start?.x ?? 0
diff --git a/modules/bar/popouts/Battery.qml b/modules/bar/popouts/Battery.qml
index 254e2af..08bb814 100644
--- a/modules/bar/popouts/Battery.qml
+++ b/modules/bar/popouts/Battery.qml
@@ -112,7 +112,7 @@ Column {
         implicitWidth: saver.implicitHeight + balance.implicitHeight + perf.implicitHeight + Appearance.padding.normal * 2 + Appearance.spacing.large * 2
         implicitHeight: Math.max(saver.implicitHeight, balance.implicitHeight, perf.implicitHeight) + Appearance.padding.small * 2
 
-        color: Colours.palette.m3surfaceContainer
+        color: Colours.tPalette.m3surfaceContainer
         radius: Appearance.rounding.full
 
         StyledRect {
diff --git a/modules/bar/popouts/Bluetooth.qml b/modules/bar/popouts/Bluetooth.qml
index 09ed768..f8035ed 100644
--- a/modules/bar/popouts/Bluetooth.qml
+++ b/modules/bar/popouts/Bluetooth.qml
@@ -108,7 +108,7 @@ ColumnLayout {
                 implicitHeight: connectIcon.implicitHeight + Appearance.padding.small
 
                 radius: Appearance.rounding.full
-                color: device.modelData.state === BluetoothDeviceState.Connected ? Colours.palette.m3primary : Colours.palette.m3surface
+                color: device.modelData.state === BluetoothDeviceState.Connected ? Colours.palette.m3primary : Colours.tPalette.m3surface
 
                 StyledBusyIndicator {
                     anchors.centerIn: parent
diff --git a/modules/bar/popouts/Network.qml b/modules/bar/popouts/Network.qml
index 6c21f24..ed48b86 100644
--- a/modules/bar/popouts/Network.qml
+++ b/modules/bar/popouts/Network.qml
@@ -102,7 +102,7 @@ ColumnLayout {
                 implicitHeight: connectIcon.implicitHeight + Appearance.padding.small
 
                 radius: Appearance.rounding.full
-                color: networkItem.modelData.active ? Colours.palette.m3primary : Colours.palette.m3surface
+                color: networkItem.modelData.active ? Colours.palette.m3primary : Colours.tPalette.m3surface
 
                 StyledBusyIndicator {
                     anchors.centerIn: parent
@@ -156,7 +156,7 @@ ColumnLayout {
         implicitHeight: rescanBtn.implicitHeight + Appearance.padding.small * 2
 
         radius: Appearance.rounding.normal
-        color: Network.scanning ? Colours.palette.m3surfaceContainer : Colours.palette.m3primaryContainer
+        color: Network.scanning ? Colours.tPalette.m3surfaceContainer : Colours.palette.m3primaryContainer
 
         StateLayer {
             color: Network.scanning ? Colours.palette.m3onSurface : Colours.palette.m3onPrimaryContainer
diff --git a/modules/controlcenter/ControlCenter.qml b/modules/controlcenter/ControlCenter.qml
index 0eeb3bf..8cdf01f 100644
--- a/modules/controlcenter/ControlCenter.qml
+++ b/modules/controlcenter/ControlCenter.qml
@@ -58,7 +58,7 @@ Item {
             topLeftRadius: root.rounding
             bottomLeftRadius: root.rounding
             implicitWidth: navRail.implicitWidth
-            color: Colours.palette.m3surfaceContainer
+            color: Colours.tPalette.m3surfaceContainer
 
             CustomMouseArea {
                 anchors.fill: parent
diff --git a/modules/controlcenter/WindowFactory.qml b/modules/controlcenter/WindowFactory.qml
index f5c6b73..cc80e72 100644
--- a/modules/controlcenter/WindowFactory.qml
+++ b/modules/controlcenter/WindowFactory.qml
@@ -25,7 +25,7 @@ Singleton {
             property alias active: cc.active
             property alias navExpanded: cc.navExpanded
 
-            color: Colours.palette.m3surface
+            color: Colours.tPalette.m3surface
 
             onVisibleChanged: {
                 if (!visible)
diff --git a/modules/controlcenter/WindowTitle.qml b/modules/controlcenter/WindowTitle.qml
index 35af9a1..fb71608 100644
--- a/modules/controlcenter/WindowTitle.qml
+++ b/modules/controlcenter/WindowTitle.qml
@@ -11,7 +11,7 @@ StyledRect {
     required property Session session
 
     implicitHeight: text.implicitHeight + Appearance.padding.normal
-    color: Colours.palette.m3surfaceContainer
+    color: Colours.tPalette.m3surfaceContainer
 
     StyledText {
         id: text
diff --git a/modules/controlcenter/bluetooth/Details.qml b/modules/controlcenter/bluetooth/Details.qml
index dc1cc9b..7a7d6c3 100644
--- a/modules/controlcenter/bluetooth/Details.qml
+++ b/modules/controlcenter/bluetooth/Details.qml
@@ -64,7 +64,7 @@ Item {
                 implicitHeight: deviceStatus.implicitHeight + Appearance.padding.large * 2
 
                 radius: Appearance.rounding.normal
-                color: Colours.palette.m3surfaceContainer
+                color: Colours.tPalette.m3surfaceContainer
 
                 ColumnLayout {
                     id: deviceStatus
@@ -118,7 +118,7 @@ Item {
                 implicitHeight: deviceProps.implicitHeight + Appearance.padding.large * 2
 
                 radius: Appearance.rounding.normal
-                color: Colours.palette.m3surfaceContainer
+                color: Colours.tPalette.m3surfaceContainer
 
                 ColumnLayout {
                     id: deviceProps
@@ -326,7 +326,7 @@ Item {
                 implicitHeight: deviceInfo.implicitHeight + Appearance.padding.large * 2
 
                 radius: Appearance.rounding.normal
-                color: Colours.palette.m3surfaceContainer
+                color: Colours.tPalette.m3surfaceContainer
 
                 ColumnLayout {
                     id: deviceInfo
@@ -652,6 +652,8 @@ Item {
 
         StyledSwitch {
             id: toggle
+
+            cLayer: 2
         }
     }
 
diff --git a/modules/controlcenter/bluetooth/DeviceList.qml b/modules/controlcenter/bluetooth/DeviceList.qml
index cc0a966..1e2cb50 100644
--- a/modules/controlcenter/bluetooth/DeviceList.qml
+++ b/modules/controlcenter/bluetooth/DeviceList.qml
@@ -167,7 +167,7 @@ ColumnLayout {
             anchors.right: parent.right
             implicitHeight: deviceInner.implicitHeight + Appearance.padding.normal * 2
 
-            color: Qt.alpha(Colours.palette.m3surfaceContainer, root.session.bt.active === modelData ? 1 : 0)
+            color: Qt.alpha(Colours.tPalette.m3surfaceContainer, root.session.bt.active === modelData ? 1 : 0)
             radius: Appearance.rounding.normal
 
             StateLayer {
@@ -191,7 +191,7 @@ ColumnLayout {
                     implicitHeight: icon.implicitHeight + Appearance.padding.normal * 2
 
                     radius: Appearance.rounding.normal
-                    color: device.connected ? Colours.palette.m3primaryContainer : device.modelData.bonded ? Colours.palette.m3secondaryContainer : Colours.palette.m3surfaceContainerHigh
+                    color: device.connected ? Colours.palette.m3primaryContainer : device.modelData.bonded ? Colours.palette.m3secondaryContainer : Colours.tPalette.m3surfaceContainerHigh
 
                     StyledRect {
                         anchors.fill: parent
diff --git a/modules/controlcenter/bluetooth/Settings.qml b/modules/controlcenter/bluetooth/Settings.qml
index f2801a0..6c51ee7 100644
--- a/modules/controlcenter/bluetooth/Settings.qml
+++ b/modules/controlcenter/bluetooth/Settings.qml
@@ -48,7 +48,7 @@ ColumnLayout {
         implicitHeight: adapterStatus.implicitHeight + Appearance.padding.large * 2
 
         radius: Appearance.rounding.normal
-        color: Colours.palette.m3surfaceContainer
+        color: Colours.tPalette.m3surfaceContainer
 
         ColumnLayout {
             id: adapterStatus
@@ -109,7 +109,7 @@ ColumnLayout {
         implicitHeight: adapterSettings.implicitHeight + Appearance.padding.large * 2
 
         radius: Appearance.rounding.normal
-        color: Colours.palette.m3surfaceContainer
+        color: Colours.tPalette.m3surfaceContainer
 
         ColumnLayout {
             id: adapterSettings
@@ -474,7 +474,7 @@ ColumnLayout {
         implicitHeight: adapterInfo.implicitHeight + Appearance.padding.large * 2
 
         radius: Appearance.rounding.normal
-        color: Colours.palette.m3surfaceContainer
+        color: Colours.tPalette.m3surfaceContainer
 
         ColumnLayout {
             id: adapterInfo
@@ -535,6 +535,8 @@ ColumnLayout {
 
         StyledSwitch {
             id: toggle
+
+            cLayer: 2
         }
     }
 
diff --git a/modules/dashboard/Dash.qml b/modules/dashboard/Dash.qml
index 09d7e93..388130c 100644
--- a/modules/dashboard/Dash.qml
+++ b/modules/dashboard/Dash.qml
@@ -84,6 +84,6 @@ GridLayout {
 
     component Rect: StyledRect {
         radius: Appearance.rounding.small
-        color: Colours.palette.m3surfaceContainer
+        color: Colours.tPalette.m3surfaceContainer
     }
 }
diff --git a/modules/dashboard/Media.qml b/modules/dashboard/Media.qml
index edb09af..cdd27c9 100644
--- a/modules/dashboard/Media.qml
+++ b/modules/dashboard/Media.qml
@@ -125,7 +125,7 @@ Item {
         implicitWidth: Config.dashboard.sizes.mediaCoverArtSize
         implicitHeight: Config.dashboard.sizes.mediaCoverArtSize
 
-        color: Colours.palette.m3surfaceContainerHigh
+        color: Colours.tPalette.m3surfaceContainerHigh
         radius: Appearance.rounding.full
 
         MaterialIcon {
@@ -330,7 +330,7 @@ Item {
                 fontSize: Appearance.font.size.larger
                 padding: Appearance.padding.small
                 fill: false
-                color: Colours.palette.m3surfaceContainer
+                color: Colours.tPalette.m3surfaceContainer
 
                 function onClicked(): void {
                     Players.active?.raise();
@@ -348,7 +348,7 @@ Item {
                 implicitWidth: slider.implicitWidth * 0.6
                 implicitHeight: currentPlayer.implicitHeight + Appearance.padding.smaller * 2
                 radius: Appearance.rounding.normal
-                color: Colours.palette.m3surfaceContainer
+                color: Colours.tPalette.m3surfaceContainer
                 z: 1
 
                 StateLayer {
@@ -373,7 +373,7 @@ Item {
                         Layout.fillWidth: true
                         Layout.maximumWidth: playerSelector.implicitWidth - implicitHeight - parent.spacing - Appearance.padding.normal * 2
                         text: Players.active?.identity ?? "No players"
-                        color: Colours.palette.m3onSecondaryContainer
+                        color: Players.active ? Colours.palette.m3onSurface : Colours.palette.m3onSurfaceVariant
                         elide: Text.ElideRight
                     }
                 }
@@ -480,7 +480,7 @@ Item {
                 fontSize: Appearance.font.size.larger
                 padding: Appearance.padding.small
                 fill: false
-                color: Colours.palette.m3surfaceContainer
+                color: Colours.tPalette.m3surfaceContainer
 
                 function onClicked(): void {
                     Players.active?.quit();
diff --git a/modules/dashboard/dash/Media.qml b/modules/dashboard/dash/Media.qml
index cdb2c1a..8d6c636 100644
--- a/modules/dashboard/dash/Media.qml
+++ b/modules/dashboard/dash/Media.qml
@@ -38,7 +38,7 @@ Item {
 
         ShapePath {
             fillColor: "transparent"
-            strokeColor: Colours.palette.m3surfaceContainerHigh
+            strokeColor: Colours.layer(Colours.palette.m3surfaceContainerHigh, 2)
             strokeWidth: Config.dashboard.sizes.mediaProgressThickness
             capStyle: ShapePath.RoundCap
 
@@ -94,7 +94,7 @@ Item {
         anchors.margins: Appearance.padding.large + Config.dashboard.sizes.mediaProgressThickness + Appearance.spacing.small
 
         implicitHeight: width
-        color: Colours.palette.m3surfaceContainerHigh
+        color: Colours.tPalette.m3surfaceContainerHigh
         radius: Appearance.rounding.full
 
         MaterialIcon {
diff --git a/modules/dashboard/dash/Resources.qml b/modules/dashboard/dash/Resources.qml
index 3edba0c..326bfb7 100644
--- a/modules/dashboard/dash/Resources.qml
+++ b/modules/dashboard/dash/Resources.qml
@@ -55,7 +55,7 @@ Row {
 
             implicitWidth: Config.dashboard.sizes.resourceProgessThickness
 
-            color: Colours.palette.m3surfaceContainerHigh
+            color: Colours.layer(Colours.palette.m3surfaceContainerHigh, 2)
             radius: Appearance.rounding.full
 
             StyledRect {
diff --git a/modules/dashboard/dash/User.qml b/modules/dashboard/dash/User.qml
index 9b029ba..d4d52be 100644
--- a/modules/dashboard/dash/User.qml
+++ b/modules/dashboard/dash/User.qml
@@ -21,7 +21,7 @@ Row {
         implicitHeight: info.implicitHeight
 
         radius: Appearance.rounding.large
-        color: Colours.palette.m3surfaceContainerHigh
+        color: Colours.tPalette.m3surfaceContainerHigh
 
         MaterialIcon {
             anchors.centerIn: parent
diff --git a/modules/drawers/Backgrounds.qml b/modules/drawers/Backgrounds.qml
index ff09232..e1773a1 100644
--- a/modules/drawers/Backgrounds.qml
+++ b/modules/drawers/Backgrounds.qml
@@ -20,45 +20,44 @@ Shape {
     anchors.margins: Config.border.thickness
     anchors.leftMargin: bar.implicitWidth
     preferredRendererType: Shape.CurveRenderer
-    opacity: Colours.transparency.enabled ? Colours.transparency.base : 1
 
     Osd.Background {
-        wrapper: panels.osd
+        wrapper: root.panels.osd
 
-        startX: root.width - panels.session.width
+        startX: root.width - root.panels.session.width
         startY: (root.height - wrapper.height) / 2 - rounding
     }
 
     Notifications.Background {
-        wrapper: panels.notifications
+        wrapper: root.panels.notifications
 
         startX: root.width
         startY: 0
     }
 
     Session.Background {
-        wrapper: panels.session
+        wrapper: root.panels.session
 
         startX: root.width
         startY: (root.height - wrapper.height) / 2 - rounding
     }
 
     Launcher.Background {
-        wrapper: panels.launcher
+        wrapper: root.panels.launcher
 
         startX: (root.width - wrapper.width) / 2 - rounding
         startY: root.height
     }
 
     Dashboard.Background {
-        wrapper: panels.dashboard
+        wrapper: root.panels.dashboard
 
         startX: (root.width - wrapper.width) / 2 - rounding
         startY: 0
     }
 
     BarPopouts.Background {
-        wrapper: panels.popouts
+        wrapper: root.panels.popouts
         invertBottomRounding: wrapper.y + wrapper.height + 1 >= root.height
 
         startX: wrapper.x
@@ -66,7 +65,7 @@ Shape {
     }
 
     Utilities.Background {
-        wrapper: panels.utilities
+        wrapper: root.panels.utilities
 
         startX: root.width
         startY: root.height
diff --git a/modules/drawers/Border.qml b/modules/drawers/Border.qml
index b7cb374..6fdd73b 100644
--- a/modules/drawers/Border.qml
+++ b/modules/drawers/Border.qml
@@ -15,7 +15,7 @@ Item {
 
     StyledRect {
         anchors.fill: parent
-        color: Colours.alpha(Colours.palette.m3surface, false)
+        color: Colours.palette.m3surface
 
         layer.enabled: true
         layer.effect: MultiEffect {
diff --git a/modules/drawers/Drawers.qml b/modules/drawers/Drawers.qml
index 8b043a1..26f177c 100644
--- a/modules/drawers/Drawers.qml
+++ b/modules/drawers/Drawers.qml
@@ -88,6 +88,7 @@ Variants {
 
             Item {
                 anchors.fill: parent
+                opacity: Colours.transparency.enabled ? Colours.transparency.base : 1
                 layer.enabled: true
                 layer.effect: MultiEffect {
                     shadowEnabled: true
diff --git a/modules/launcher/Content.qml b/modules/launcher/Content.qml
index d7acd55..9b0e4e5 100644
--- a/modules/launcher/Content.qml
+++ b/modules/launcher/Content.qml
@@ -44,7 +44,7 @@ Item {
     StyledRect {
         id: searchWrapper
 
-        color: Colours.alpha(Colours.palette.m3surfaceContainer, true)
+        color: Colours.tPalette.m3surfaceContainer
         radius: Appearance.rounding.full
 
         anchors.left: parent.left
diff --git a/modules/launcher/items/ActionItem.qml b/modules/launcher/items/ActionItem.qml
index 102b3fd..9e97228 100644
--- a/modules/launcher/items/ActionItem.qml
+++ b/modules/launcher/items/ActionItem.qml
@@ -58,7 +58,7 @@ Item {
 
                 text: root.modelData?.desc ?? ""
                 font.pointSize: Appearance.font.size.small
-                color: Colours.alpha(Colours.palette.m3outline, true)
+                color: Colours.tPalette.m3outline
 
                 elide: Text.ElideRight
                 width: root.width - icon.width - Appearance.rounding.normal * 2
diff --git a/modules/launcher/items/AppItem.qml b/modules/launcher/items/AppItem.qml
index 6012356..1ba1f42 100644
--- a/modules/launcher/items/AppItem.qml
+++ b/modules/launcher/items/AppItem.qml
@@ -61,7 +61,7 @@ Item {
 
                 text: (root.modelData?.comment || root.modelData?.genericName || root.modelData?.name) ?? ""
                 font.pointSize: Appearance.font.size.small
-                color: Colours.alpha(Colours.palette.m3outline, true)
+                color: Colours.tPalette.m3outline
 
                 elide: Text.ElideRight
                 width: root.width - icon.width - Appearance.rounding.normal * 2
diff --git a/modules/launcher/items/VariantItem.qml b/modules/launcher/items/VariantItem.qml
index 4d33a38..2d3cbf1 100644
--- a/modules/launcher/items/VariantItem.qml
+++ b/modules/launcher/items/VariantItem.qml
@@ -58,7 +58,7 @@ Item {
 
                 text: root.modelData?.description ?? ""
                 font.pointSize: Appearance.font.size.small
-                color: Colours.alpha(Colours.palette.m3outline, true)
+                color: Colours.tPalette.m3outline
 
                 elide: Text.ElideRight
                 width: root.width - icon.width - Appearance.rounding.normal * 2
diff --git a/modules/lock/Backgrounds.qml b/modules/lock/Backgrounds.qml
index eba7c7b..cc95176 100644
--- a/modules/lock/Backgrounds.qml
+++ b/modules/lock/Backgrounds.qml
@@ -37,7 +37,7 @@ Item {
         id: base
 
         anchors.fill: parent
-        color: Colours.alpha(Colours.palette.m3surface, false)
+        color: Colours.tPalette.m3surface
 
         layer.enabled: true
         layer.effect: MultiEffect {
@@ -86,7 +86,7 @@ Item {
             readonly property real roundingY: flatten ? height / 2 : rounding
 
             strokeWidth: -1
-            fillColor: Colours.palette.m3surface
+            fillColor: Colours.tPalette.m3surface
 
             startX: (innerMask.width - width) / 2 - rounding
 
@@ -153,7 +153,7 @@ Item {
             readonly property real roundingY: flatten ? height / 2 : rounding
 
             strokeWidth: -1
-            fillColor: Colours.palette.m3surface
+            fillColor: Colours.tPalette.m3surface
 
             startX: (innerMask.width - width) / 2 - rounding
             startY: Math.ceil(innerMask.height)
@@ -221,7 +221,7 @@ Item {
             readonly property real roundingY: height < rounding * 2 ? height / 2 : rounding
 
             strokeWidth: -1
-            fillColor: Colours.palette.m3surface
+            fillColor: Colours.tPalette.m3surface
 
             startY: Math.ceil(innerMask.height) - height - roundingY
 
@@ -286,7 +286,7 @@ Item {
             readonly property real roundingY: height < rounding * 2 ? height / 2 : rounding
 
             strokeWidth: -1
-            fillColor: root.isNormal ? Colours.palette.m3surface : "transparent"
+            fillColor: root.isNormal ? Colours.tPalette.m3surface : "transparent"
 
             startX: root.isLarge ? 0 : Math.ceil(innerMask.width)
             startY: root.isLarge ? height + roundingY : Math.ceil(innerMask.height) - height - roundingY
@@ -351,7 +351,7 @@ Item {
             readonly property real roundingY: height < rounding * 2 ? height / 2 : rounding
 
             strokeWidth: -1
-            fillColor: root.isLarge ? Colours.palette.m3surface : "transparent"
+            fillColor: root.isLarge ? Colours.tPalette.m3surface : "transparent"
 
             startX: Math.ceil(innerMask.width)
             startY: Math.ceil(innerMask.height) - height - rounding
@@ -416,7 +416,7 @@ Item {
             readonly property real roundingY: height < rounding * 2 ? height / 2 : rounding
 
             strokeWidth: -1
-            fillColor: root.isLarge ? Colours.palette.m3surface : "transparent"
+            fillColor: root.isLarge ? Colours.tPalette.m3surface : "transparent"
 
             startX: Math.ceil(innerMask.width)
             startY: height + rounding
diff --git a/modules/lock/Input.qml b/modules/lock/Input.qml
index b1d2ae3..b989bb9 100644
--- a/modules/lock/Input.qml
+++ b/modules/lock/Input.qml
@@ -31,7 +31,7 @@ ColumnLayout {
             implicitHeight: Config.lock.sizes.faceSize
 
             radius: Appearance.rounding.large
-            color: Colours.palette.m3surfaceContainer
+            color: Colours.tPalette.m3surfaceContainer
 
             MaterialIcon {
                 anchors.centerIn: parent
@@ -77,7 +77,7 @@ ColumnLayout {
         Layout.preferredHeight: Appearance.font.size.normal + Appearance.padding.large * 2
 
         focus: true
-        color: Colours.palette.m3surfaceContainer
+        color: Colours.tPalette.m3surfaceContainer
         radius: Appearance.rounding.small
         clip: true
 
diff --git a/modules/lock/MediaPlaying.qml b/modules/lock/MediaPlaying.qml
index a38f0e8..4fc7991 100644
--- a/modules/lock/MediaPlaying.qml
+++ b/modules/lock/MediaPlaying.qml
@@ -47,7 +47,7 @@ RowLayout {
         ClippingWrapperRectangle {
             anchors.fill: parent
 
-            color: Colours.palette.m3surfaceContainerHigh
+            color: Colours.tPalette.m3surfaceContainerHigh
             radius: Appearance.rounding.small
             rotation: 9
 
@@ -91,7 +91,7 @@ RowLayout {
         StyledClippingRect {
             anchors.fill: parent
 
-            color: Colours.palette.m3surfaceContainerHigh
+            color: Colours.tPalette.m3surfaceContainerHigh
             radius: Appearance.rounding.small
 
             border.width: Config.lock.sizes.mediaCoverBorder
diff --git a/modules/lock/Notification.qml b/modules/lock/Notification.qml
index c06db56..c9bf05e 100644
--- a/modules/lock/Notification.qml
+++ b/modules/lock/Notification.qml
@@ -19,7 +19,7 @@ StyledRect {
     readonly property bool hasAppIcon: modelData.appIcon.length > 0
     readonly property int nonAnimHeight: Math.max(image.height, details.implicitHeight) + Appearance.padding.normal * 2
 
-    color: root.modelData.urgency === NotificationUrgency.Critical ? Colours.palette.m3secondaryContainer : Colours.palette.m3surfaceContainer
+    color: root.modelData.urgency === NotificationUrgency.Critical ? Colours.palette.m3secondaryContainer : Colours.tPalette.m3surfaceContainer
     radius: Appearance.rounding.normal
     implicitWidth: Config.notifs.sizes.width
 
@@ -113,7 +113,7 @@ StyledRect {
 
         sourceComponent: StyledRect {
             radius: Appearance.rounding.full
-            color: root.modelData.urgency === NotificationUrgency.Critical ? Colours.palette.m3error : root.modelData.urgency === NotificationUrgency.Low ? Colours.palette.m3surfaceContainerHighest : Colours.palette.m3tertiaryContainer
+            color: root.modelData.urgency === NotificationUrgency.Critical ? Colours.palette.m3error : root.modelData.urgency === NotificationUrgency.Low ? Colours.tPalette.m3surfaceContainerHighest : Colours.palette.m3tertiaryContainer
             implicitWidth: root.hasImage ? Config.notifs.sizes.badge : Config.notifs.sizes.image
             implicitHeight: root.hasImage ? Config.notifs.sizes.badge : Config.notifs.sizes.image
 
diff --git a/modules/notifications/Notification.qml b/modules/notifications/Notification.qml
index cdb6804..080ee7b 100644
--- a/modules/notifications/Notification.qml
+++ b/modules/notifications/Notification.qml
@@ -20,7 +20,7 @@ StyledRect {
     readonly property int nonAnimHeight: summary.implicitHeight + (root.expanded ? appName.height + body.height + actions.height + actions.anchors.topMargin : bodyPreview.height) + inner.anchors.margins * 2
     property bool expanded
 
-    color: root.modelData.urgency === NotificationUrgency.Critical ? Colours.palette.m3secondaryContainer : Colours.palette.m3surfaceContainer
+    color: root.modelData.urgency === NotificationUrgency.Critical ? Colours.palette.m3secondaryContainer : Colours.tPalette.m3surfaceContainer
     radius: Appearance.rounding.normal
     implicitWidth: Config.notifs.sizes.width
     implicitHeight: inner.implicitHeight
@@ -147,7 +147,7 @@ StyledRect {
 
                 sourceComponent: StyledRect {
                     radius: Appearance.rounding.full
-                    color: root.modelData.urgency === NotificationUrgency.Critical ? Colours.palette.m3error : root.modelData.urgency === NotificationUrgency.Low ? Colours.palette.m3surfaceContainerHighest : Colours.palette.m3tertiaryContainer
+                    color: root.modelData.urgency === NotificationUrgency.Critical ? Colours.palette.m3error : root.modelData.urgency === NotificationUrgency.Low ? Colours.layer(Colours.palette.m3surfaceContainerHighest, 2) : Colours.palette.m3tertiaryContainer
                     implicitWidth: root.hasImage ? Config.notifs.sizes.badge : Config.notifs.sizes.image
                     implicitHeight: root.hasImage ? Config.notifs.sizes.badge : Config.notifs.sizes.image
 
@@ -450,7 +450,7 @@ StyledRect {
         required property var modelData
 
         radius: Appearance.rounding.full
-        color: root.modelData.urgency === NotificationUrgency.Critical ? Colours.palette.m3secondary : Colours.palette.m3surfaceContainerHigh
+        color: root.modelData.urgency === NotificationUrgency.Critical ? Colours.palette.m3secondary : Colours.tPalette.m3surfaceContainerHigh
 
         Layout.preferredWidth: actionText.width + Appearance.padding.normal * 2
         Layout.preferredHeight: actionText.height + Appearance.padding.small * 2
diff --git a/modules/session/Content.qml b/modules/session/Content.qml
index a75de10..ca6bf17 100644
--- a/modules/session/Content.qml
+++ b/modules/session/Content.qml
@@ -93,7 +93,7 @@ Column {
         implicitHeight: Config.session.sizes.button
 
         radius: Appearance.rounding.large
-        color: button.activeFocus ? Colours.palette.m3secondaryContainer : Colours.palette.m3surfaceContainer
+        color: button.activeFocus ? Colours.palette.m3secondaryContainer : Colours.tPalette.m3surfaceContainer
 
         Keys.onEnterPressed: Quickshell.execDetached(button.command)
         Keys.onReturnPressed: Quickshell.execDetached(button.command)
diff --git a/modules/utilities/Background.qml b/modules/utilities/Background.qml
index 37ef3de..b3d513b 100644
--- a/modules/utilities/Background.qml
+++ b/modules/utilities/Background.qml
@@ -1,6 +1,5 @@
 import qs.services
 import qs.config
-import Quickshell
 import QtQuick
 import QtQuick.Shapes
 
diff --git a/modules/windowinfo/Buttons.qml b/modules/windowinfo/Buttons.qml
index dea5059..67e97a2 100644
--- a/modules/windowinfo/Buttons.qml
+++ b/modules/windowinfo/Buttons.qml
@@ -81,7 +81,7 @@ ColumnLayout {
                     readonly property int wsId: Math.floor((Hyprland.activeWsId - 1) / 10) * 10 + index + 1
                     readonly property bool isCurrent: root.client?.workspace.id === wsId
 
-                    color: isCurrent ? Colours.palette.m3surfaceContainerHighest : Colours.palette.m3tertiaryContainer
+                    color: isCurrent ? Colours.tPalette.m3surfaceContainerHighest : Colours.palette.m3tertiaryContainer
                     onColor: isCurrent ? Colours.palette.m3onSurface : Colours.palette.m3onTertiaryContainer
                     text: wsId
                     disabled: isCurrent
diff --git a/modules/windowinfo/Preview.qml b/modules/windowinfo/Preview.qml
index 2cae647..d2c5682 100644
--- a/modules/windowinfo/Preview.qml
+++ b/modules/windowinfo/Preview.qml
@@ -29,7 +29,7 @@ Item {
 
         implicitWidth: view.implicitWidth
 
-        color: Colours.palette.m3surfaceContainer
+        color: Colours.tPalette.m3surfaceContainer
         radius: Appearance.rounding.small
 
         Loader {
diff --git a/modules/windowinfo/WindowInfo.qml b/modules/windowinfo/WindowInfo.qml
index 713122a..919b3fb 100644
--- a/modules/windowinfo/WindowInfo.qml
+++ b/modules/windowinfo/WindowInfo.qml
@@ -38,7 +38,7 @@ Item {
                 Layout.fillWidth: true
                 Layout.fillHeight: true
 
-                color: Colours.palette.m3surfaceContainer
+                color: Colours.tPalette.m3surfaceContainer
                 radius: Appearance.rounding.normal
 
                 Details {
@@ -50,7 +50,7 @@ Item {
                 Layout.fillWidth: true
                 Layout.preferredHeight: buttons.implicitHeight
 
-                color: Colours.palette.m3surfaceContainer
+                color: Colours.tPalette.m3surfaceContainer
                 radius: Appearance.rounding.normal
 
                 Buttons {