Rename the Color singleton to avoid the Qt 6.12 clash

shell/plugins/panels/display-layout/DisplayLayout.qml

@@ -154,7 +154,7 @@ Item {
 
       anchors.centerIn: parent
       implicitWidth: Math.min(Style.spaceReal(720), panelWindow.width - screenMargin * 2)
-      fillColor: Util.alpha(Color.background, Style.panelFillAlpha)
+      fillColor: Util.alpha(Colors.background, Style.panelFillAlpha)
       spacing: Style.spaceReal(10)
 
       Item {
@@ -171,7 +171,7 @@ Item {
           text: "Display layout"
           textFormat: Text.PlainText
           elide: Text.ElideRight
-          color: Color.foreground
+          color: Colors.foreground
           font.family: Style.font.family
           font.pixelSize: Style.font.body
           font.bold: true
@@ -192,7 +192,7 @@ Item {
         wrapMode: Text.WordWrap
         text: "Drag a monitor to move it. Edges snap to a neighbour. Changes apply as you drop and last until the session ends."
         textFormat: Text.PlainText
-        color: Util.alpha(Color.foreground, 0.6)
+        color: Util.alpha(Colors.foreground, 0.6)
         font.family: Style.font.family
         font.pixelSize: Style.font.bodySmall
       }

shell/plugins/panels/display-layout/MonitorCanvas.qml

@@ -19,10 +19,10 @@ Rectangle {
     Math.max(1, width - Style.spaceReal(24)),
     Math.max(1, height - Style.spaceReal(24)))
 
-  color: Util.alpha(Color.background, 0.35)
+  color: Util.alpha(Colors.background, 0.35)
   radius: Style.cardRadius
   border.width: 1
-  border.color: Util.alpha(Color.foreground, 0.15)
+  border.color: Util.alpha(Colors.foreground, 0.15)
   clip: true
 
   Item {
@@ -53,7 +53,7 @@ Rectangle {
     visible: root.monitors.length === 0
     text: "No monitors reported"
     textFormat: Text.PlainText
-    color: Util.alpha(Color.foreground, 0.6)
+    color: Util.alpha(Colors.foreground, 0.6)
     font.family: Style.font.family
     font.pixelSize: Style.font.bodySmall
   }

shell/plugins/panels/display-layout/MonitorCard.qml

@@ -25,10 +25,10 @@ Rectangle {
 
   radius: Style.cardRadius
   color: root.selected
-    ? Util.alpha(Color.accent, 0.35)
-    : Util.alpha(Color.background, Style.cardFillAlpha)
+    ? Util.alpha(Colors.accent, 0.35)
+    : Util.alpha(Colors.background, Style.cardFillAlpha)
   border.width: Style.cardBorderWidth
-  border.color: root.selected ? Color.accent : Util.alpha(Color.blue, Style.cardBorderAlpha)
+  border.color: root.selected ? Colors.accent : Util.alpha(Colors.blue, Style.cardBorderAlpha)
   clip: true
 
   Column {
@@ -42,7 +42,7 @@ Rectangle {
       elide: Text.ElideRight
       text: root.name
       textFormat: Text.PlainText
-      color: Color.foreground
+      color: Colors.foreground
       font.family: Style.font.family
       font.pixelSize: Style.font.bodySmall
       font.bold: true
@@ -55,7 +55,7 @@ Rectangle {
       visible: root.height > Style.spaceReal(44)
       text: root.monitor ? root.monitor.width + "x" + root.monitor.height : ""
       textFormat: Text.PlainText
-      color: Util.alpha(Color.foreground, 0.7)
+      color: Util.alpha(Colors.foreground, 0.7)
       font.family: Style.font.family
       font.pixelSize: Style.font.bodySmall
     }
@@ -67,7 +67,7 @@ Rectangle {
       visible: root.monitor && root.monitor.focused && root.height > Style.spaceReal(58)
       text: "focused"
       textFormat: Text.PlainText
-      color: Color.blue
+      color: Colors.blue
       font.family: Style.font.family
       font.pixelSize: Style.font.bodySmall
     }

shell/plugins/panels/display-layout/MonitorControls.qml

@@ -24,7 +24,7 @@ Column {
     text: root.monitor ? root.monitor.name : ""
     textFormat: Text.PlainText
     elide: Text.ElideRight
-    color: Color.foreground
+    color: Colors.foreground
     font.family: Style.font.family
     font.pixelSize: Style.font.body
     font.bold: true
@@ -35,7 +35,7 @@ Column {
     text: root.monitor ? root.monitor.description : ""
     textFormat: Text.PlainText
     elide: Text.ElideRight
-    color: Util.alpha(Color.foreground, 0.65)
+    color: Util.alpha(Colors.foreground, 0.65)
     font.family: Style.font.family
     font.pixelSize: Style.font.bodySmall
   }
@@ -57,7 +57,7 @@ Column {
   Text {
     text: "Mode"
     textFormat: Text.PlainText
-    color: Util.alpha(Color.foreground, 0.75)
+    color: Util.alpha(Colors.foreground, 0.75)
     font.family: Style.font.family
     font.pixelSize: Style.font.bodySmall
   }
@@ -81,7 +81,7 @@ Column {
   Text {
     text: "Scale"
     textFormat: Text.PlainText
-    color: Util.alpha(Color.foreground, 0.75)
+    color: Util.alpha(Colors.foreground, 0.75)
     font.family: Style.font.family
     font.pixelSize: Style.font.bodySmall
   }
@@ -107,7 +107,7 @@ Column {
     wrapMode: Text.WordWrap
     text: "Only scales that land on whole pixels are offered. Hyprland steps in 1/120 and rejects the rest."
     textFormat: Text.PlainText
-    color: Util.alpha(Color.foreground, 0.55)
+    color: Util.alpha(Colors.foreground, 0.55)
     font.family: Style.font.family
     font.pixelSize: Style.font.bodySmall
   }