theme: large consolidation of colors into Theme.qml, add

surfaceContainerLow/Lowest

quickshell/Modules/ControlCenter/Components/ActionTile.qml

@@ -43,7 +43,7 @@ Rectangle {
     Rectangle {
         anchors.fill: parent
         radius: Theme.cornerRadius
-        color: mouseArea.containsMouse ? hoverTint(root.color) : "transparent"
+        color: mouseArea.containsMouse ? hoverTint(root.color) : Theme.withAlpha(hoverTint(root.color), 0)
         opacity: mouseArea.containsMouse ? 0.08 : 0.0
 
         Behavior on opacity {

quickshell/Modules/ControlCenter/Components/DiskUsageWidgetConfigMenu.qml

@@ -13,7 +13,7 @@ Rectangle {
     height: menuColumn.implicitHeight + Theme.spacingS * 2
     radius: Theme.cornerRadius
     color: Theme.surfaceContainer
-    border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.16)
+    border.color: Theme.outlineStrong
     border.width: 1
 
     MouseArea {

quickshell/Modules/ControlCenter/Components/DragDropWidgetWrapper.qml

@@ -337,7 +337,7 @@ Item {
 
     Rectangle {
         anchors.fill: parent
-        color: editMode ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.08) : "transparent"
+        color: editMode ? Theme.primaryHoverLight : Theme.withAlpha(Theme.primaryHoverLight, 0)
         radius: Theme.cornerRadius
         border.color: "transparent"
         border.width: 0

quickshell/Modules/ControlCenter/Components/EditControls.qml

@@ -219,7 +219,7 @@ Row {
         width: (parent.width - Theme.spacingS * 2) / 3
         height: 48
         radius: Theme.cornerRadius
-        color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12)
+        color: Theme.primaryHover
         border.color: Theme.primary
         border.width: 0
 
@@ -253,7 +253,7 @@ Row {
         width: (parent.width - Theme.spacingS * 2) / 3
         height: 48
         radius: Theme.cornerRadius
-        color: Qt.rgba(Theme.warning.r, Theme.warning.g, Theme.warning.b, 0.12)
+        color: Theme.warningHover
         border.color: Theme.warning
         border.width: 0
 
@@ -287,7 +287,7 @@ Row {
         width: (parent.width - Theme.spacingS * 2) / 3
         height: 48
         radius: Theme.cornerRadius
-        color: Qt.rgba(Theme.error.r, Theme.error.g, Theme.error.b, 0.12)
+        color: Theme.errorHover
         border.color: Theme.error
         border.width: 0
 

quickshell/Modules/ControlCenter/Components/EditModeWidgetDelegate.qml

@@ -233,7 +233,7 @@ Item {
 
     Rectangle {
         anchors.fill: parent
-        color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.08)
+        color: Theme.primaryHoverLight
         radius: Theme.cornerRadius
         border.color: "transparent"
         border.width: 0

quickshell/Modules/ControlCenter/Components/PowerButton.qml

@@ -15,7 +15,7 @@ Rectangle {
 
     height: 34
     radius: Theme.cornerRadius
-    color: mouseArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) : Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.5)
+    color: mouseArea.containsMouse ? Theme.primaryHover : Theme.withAlpha(Theme.surfaceVariant, 0.5)
 
     Row {
         anchors.centerIn: parent