Colors: removed Colors.transparent / black and white in favor of their direct shorthands

Commons/Color.qml

@@ -45,11 +45,6 @@ Singleton {
   readonly property color mHover: customColorsData.mHover
   readonly property color mOnHover: customColorsData.mOnHover
 
-  // --- Absolute Colors
-  readonly property color transparent: "transparent"
-  readonly property color black: "#000000"
-  readonly property color white: "#ffffff"
-
   // --------------------------------
   // Default colors: Rose Pine
   QtObject {

Modules/Background/Background.qml

@@ -95,7 +95,7 @@ Variants {
         }
       }
 
-      color: Color.transparent
+      color: "transparent"
       screen: modelData
       WlrLayershell.layer: WlrLayer.Background
       WlrLayershell.exclusionMode: ExclusionMode.Ignore

Modules/Background/Overview.qml

@@ -84,7 +84,7 @@ Loader {
         });
       }
 
-      color: Color.transparent
+      color: "transparent"
       screen: modelData
       WlrLayershell.layer: WlrLayer.Background
       WlrLayershell.exclusionMode: ExclusionMode.Ignore

Modules/Bar/Extras/BarPill.qml

@@ -19,8 +19,8 @@ Item {
   property bool oppositeDirection: false
   property bool hovered: false
   property bool rotateText: false
-  property color customBackgroundColor: Color.transparent
-  property color customTextIconColor: Color.transparent
+  property color customBackgroundColor: "transparent"
+  property color customTextIconColor: "transparent"
 
   readonly property string barPosition: Settings.data.bar.position
   readonly property bool isVerticalBar: barPosition === "left" || barPosition === "right"

Modules/Bar/Extras/BarPillHorizontal.qml

@@ -19,8 +19,8 @@ Item {
   property bool forceClose: false
   property bool oppositeDirection: false
   property bool hovered: false
-  property color customBackgroundColor: Color.transparent
-  property color customTextIconColor: Color.transparent
+  property color customBackgroundColor: "transparent"
+  property color customTextIconColor: "transparent"
 
   readonly property bool collapseToIcon: forceClose && !forceOpen
 
@@ -50,14 +50,7 @@ Item {
   readonly property color bgColor: hovered ? Color.mHover : (customBackgroundColor.a > 0) ? customBackgroundColor : Style.capsuleColor
   readonly property color fgColor: hovered ? Color.mOnHover : (customTextIconColor.a > 0) ? customTextIconColor : Color.mOnSurface
 
-  readonly property real iconSize: {
-    switch (root.density) {
-    case "compact":
-      return Math.max(1, Math.round(pillHeight * 0.65));
-    default:
-      return Math.max(1, Math.round(pillHeight * 0.48));
-    }
-  }
+  readonly property real iconSize: Style.toOdd(pillHeight * 0.48)
 
   width: {
     if (collapseToIcon) {
@@ -110,7 +103,7 @@ Item {
     }
 
     opacity: revealed ? Style.opacityFull : Style.opacityNone
-    color: Color.transparent // Make pill background transparent to avoid double opacity
+    color: "transparent" // Make pill background transparent to avoid double opacity
 
     topLeftRadius: oppositeDirection ? 0 : Style.radiusM
     bottomLeftRadius: oppositeDirection ? 0 : Style.radiusM
@@ -163,7 +156,7 @@ Item {
     width: hasIcon ? pillHeight : 0
     height: pillHeight
     radius: Math.min(Style.radiusL, width / 2)
-    color: Color.transparent // Make icon background transparent to avoid double opacity
+    color: "transparent" // Make icon background transparent to avoid double opacity
     anchors.verticalCenter: parent.verticalCenter
 
     x: oppositeDirection ? 0 : (parent.width - width)

Modules/Bar/Extras/BarPillVertical.qml

@@ -20,8 +20,8 @@ Item {
   property bool oppositeDirection: false
   property bool hovered: false
   property bool rotateText: false
-  property color customBackgroundColor: Color.transparent
-  property color customTextIconColor: Color.transparent
+  property color customBackgroundColor: "transparent"
+  property color customTextIconColor: "transparent"
 
   readonly property bool collapseToIcon: forceClose && !forceOpen
 
@@ -57,14 +57,7 @@ Item {
   readonly property color bgColor: hovered ? Color.mHover : (customBackgroundColor.a > 0) ? customBackgroundColor : Style.capsuleColor
   readonly property color fgColor: hovered ? Color.mOnHover : (customTextIconColor.a > 0) ? customTextIconColor : Color.mOnSurface
 
-  readonly property real iconSize: {
-    switch (root.density) {
-    case "compact":
-      return Math.max(1, Math.round(pillHeight * 0.65));
-    default:
-      return Math.max(1, Math.round(pillHeight * 0.48));
-    }
-  }
+  readonly property real iconSize: Style.toOdd(pillHeight * 0.48)
 
   // For vertical bars: width is just icon size, height includes pill space
   width: buttonSize
@@ -126,7 +119,7 @@ Item {
     }
 
     opacity: revealed ? Style.opacityFull : Style.opacityNone
-    color: Color.transparent // Make pill background transparent to avoid double opacity
+    color: "transparent" // Make pill background transparent to avoid double opacity
 
     // Radius logic for vertical expansion - rounded on the side that connects to icon
     topLeftRadius: openUpward ? Style.radiusM : 0
@@ -184,7 +177,7 @@ Item {
     width: buttonSize
     height: buttonSize
     radius: Math.min(Style.radiusL, width / 2)
-    color: Color.transparent // Make icon background transparent to avoid double opacity
+    color: "transparent" // Make icon background transparent to avoid double opacity
 
     // Icon positioning based on direction
     x: 0

Modules/Bar/Extras/TrayMenu.qml

@@ -48,7 +48,7 @@ PopupWindow {
   // Use the content height of the Flickable for implicit height
   implicitHeight: Math.min(screen?.height * 0.9, flickable.contentHeight + (Style.marginS * 2))
   visible: false
-  color: Color.transparent
+  color: "transparent"
   anchor.item: anchorItem
   anchor.rect.x: {
     if (anchorItem && screen) {
@@ -249,7 +249,7 @@ PopupWindow {
             }
           }
 
-          color: Color.transparent
+          color: "transparent"
           property var subMenu: null
 
           NDivider {
@@ -261,7 +261,7 @@ PopupWindow {
           Rectangle {
             id: innerRect
             anchors.fill: parent
-            color: mouseArea.containsMouse ? Color.mHover : Color.transparent
+            color: mouseArea.containsMouse ? Color.mHover : "transparent"
             radius: Style.radiusS
             visible: !(modelData?.isSeparator ?? false)
 

Modules/Bar/Widgets/Battery.qml

@@ -205,8 +205,8 @@ Item {
     autoHide: false
     forceOpen: isReady && displayMode === "alwaysShow"
     forceClose: displayMode === "alwaysHide" || (initializationComplete && !isReady)
-    customBackgroundColor: !initializationComplete ? Color.transparent : (charging ? Color.mPrimary : (isLowBattery ? Color.mError : Color.transparent))
-    customTextIconColor: !initializationComplete ? Color.transparent : (charging ? Color.mOnPrimary : (isLowBattery ? Color.mOnError : Color.transparent))
+    customBackgroundColor: !initializationComplete ? "transparent" : (charging ? Color.mPrimary : (isLowBattery ? Color.mError : "transparent"))
+    customTextIconColor: !initializationComplete ? "transparent" : (charging ? Color.mOnPrimary : (isLowBattery ? Color.mOnError : "transparent"))
 
     tooltipText: {
       let lines = [];

Modules/Bar/Widgets/ControlCenter.qml

@@ -90,8 +90,8 @@ NIconButton {
   colorFg: iconColor
   colorBgHover: useDistroLogo ? Color.mSurfaceVariant : Color.mHover
   colorFgHover: iconHoverColor
-  colorBorder: Color.transparent
-  colorBorderHover: useDistroLogo ? Color.mHover : Color.transparent
+  colorBorder: "transparent"
+  colorBorderHover: useDistroLogo ? Color.mHover : "transparent"
 
   border.color: Style.capsuleBorderColor
   border.width: Style.capsuleBorderWidth

Modules/Bar/Widgets/CustomButton.qml

@@ -187,7 +187,7 @@ Item {
     rotateText: isVerticalBar && currentMaxTextLength > 0
     autoHide: false
     forceOpen: _pillForceOpen
-    customTextIconColor: isColorizing ? iconColor : Color.transparent
+    customTextIconColor: isColorizing ? iconColor : "transparent"
 
     tooltipText: {
       var tooltipLines = [];

Modules/Bar/Widgets/DarkMode.qml

@@ -16,8 +16,8 @@ NIconButton {
   customRadius: Style.radiusL
   colorBg: Style.capsuleColor
   colorFg: Color.mOnSurface
-  colorBorder: Color.transparent
-  colorBorderHover: Color.transparent
+  colorBorder: "transparent"
+  colorBorderHover: "transparent"
   onClicked: Settings.data.colorSchemes.darkMode = !Settings.data.colorSchemes.darkMode
 
   border.color: Style.capsuleBorderColor

Modules/Bar/Widgets/NightLight.qml

@@ -19,8 +19,8 @@ NIconButton {
   customRadius: Style.radiusL
   colorBg: Settings.data.nightLight.forced ? Color.mPrimary : Style.capsuleColor
   colorFg: Settings.data.nightLight.forced ? Color.mOnPrimary : Color.mOnSurface
-  colorBorder: Color.transparent
-  colorBorderHover: Color.transparent
+  colorBorder: "transparent"
+  colorBorderHover: "transparent"
   border.color: Style.capsuleBorderColor
   border.width: Style.capsuleBorderWidth
 

Modules/Bar/Widgets/NoctaliaPerformance.qml

@@ -19,8 +19,8 @@ NIconButton {
   customRadius: Style.radiusL
   colorBg: PowerProfileService.noctaliaPerformanceMode ? Color.mPrimary : Style.capsuleColor
   colorFg: PowerProfileService.noctaliaPerformanceMode ? Color.mOnPrimary : Color.mOnSurface
-  colorBorder: Color.transparent
-  colorBorderHover: Color.transparent
+  colorBorder: "transparent"
+  colorBorderHover: "transparent"
   border.color: Style.capsuleBorderColor
   border.width: Style.capsuleBorderWidth
 

Modules/Bar/Widgets/NotificationHistory.qml

@@ -56,8 +56,8 @@ NIconButton {
   tooltipDirection: BarService.getTooltipDirection()
   colorBg: Style.capsuleColor
   colorFg: Color.mOnSurface
-  colorBorder: Color.transparent
-  colorBorderHover: Color.transparent
+  colorBorder: "transparent"
+  colorBorderHover: "transparent"
   border.color: Style.capsuleBorderColor
   border.width: Style.capsuleBorderWidth
   visible: count > 0 || !hideWhenZero

Modules/Bar/Widgets/PowerProfile.qml

@@ -23,8 +23,8 @@ NIconButton {
   tooltipDirection: BarService.getTooltipDirection()
   colorBg: (PowerProfileService.profile === PowerProfile.Balanced) ? Style.capsuleColor : Color.mPrimary
   colorFg: (PowerProfileService.profile === PowerProfile.Balanced) ? Color.mOnSurface : Color.mOnPrimary
-  colorBorder: Color.transparent
-  colorBorderHover: Color.transparent
+  colorBorder: "transparent"
+  colorBorderHover: "transparent"
   border.color: Style.capsuleBorderColor
   border.width: Style.capsuleBorderWidth
   onClicked: PowerProfileService.cycleProfile()

Modules/Bar/Widgets/ScreenRecorder.qml

@@ -27,8 +27,8 @@ NIconButton {
   customRadius: Style.radiusL
   colorBg: ScreenRecorderService.isRecording ? Color.mPrimary : Style.capsuleColor
   colorFg: ScreenRecorderService.isRecording ? Color.mOnPrimary : Color.mOnSurface
-  colorBorder: Color.transparent
-  colorBorderHover: Color.transparent
+  colorBorder: "transparent"
+  colorBorderHover: "transparent"
   border.color: Style.capsuleBorderColor
   border.width: Style.capsuleBorderWidth
 

Modules/Bar/Widgets/SessionMenu.qml

@@ -55,8 +55,8 @@ NIconButton {
   tooltipDirection: BarService.getTooltipDirection()
   colorBg: Style.capsuleColor
   colorFg: root.iconColor
-  colorBorder: Color.transparent
-  colorBorderHover: Color.transparent
+  colorBorder: "transparent"
+  colorBorderHover: "transparent"
   border.color: Style.capsuleBorderColor
   border.width: Style.capsuleBorderWidth
 

Modules/Bar/Widgets/Taskbar.qml

@@ -614,7 +614,7 @@ Rectangle {
                 anchors.horizontalCenter: parent.horizontalCenter
                 width: Style.toOdd(root.itemSize * 0.25)
                 height: 4
-                color: taskbarItem.isFocused ? Color.mPrimary : Color.transparent
+                color: taskbarItem.isFocused ? Color.mPrimary : "transparent"
                 radius: Math.min(Style.radiusXXS, width / 2)
               }
             }

Modules/Bar/Widgets/Tray.qml

@@ -294,10 +294,10 @@ Rectangle {
       baseSize: Style.capsuleHeight
       applyUiScale: false
       customRadius: Style.radiusL
-      colorBg: Color.transparent
+      colorBg: "transparent"
       colorFg: Settings.data.colorSchemes.darkMode ? Color.mOnSurface : Color.mOnPrimary
-      colorBorder: Color.transparent
-      colorBorderHover: Color.transparent
+      colorBorder: "transparent"
+      colorBorderHover: "transparent"
       icon: {
         switch (barPosition) {
         case "bottom":
@@ -450,10 +450,10 @@ Rectangle {
       baseSize: Style.capsuleHeight
       applyUiScale: false
       customRadius: Style.radiusL
-      colorBg: Color.transparent
+      colorBg: "transparent"
       colorFg: Color.mOnSurface
-      colorBorder: Color.transparent
-      colorBorderHover: Color.transparent
+      colorBorder: "transparent"
+      colorBorderHover: "transparent"
       icon: {
         switch (barPosition) {
         case "bottom":

Modules/Bar/Widgets/WallpaperSelector.qml

@@ -20,8 +20,8 @@ NIconButton {
   tooltipDirection: BarService.getTooltipDirection()
   colorBg: Style.capsuleColor
   colorFg: Color.mOnSurface
-  colorBorder: Color.transparent
-  colorBorderHover: Color.transparent
+  colorBorder: "transparent"
+  colorBorderHover: "transparent"
   border.color: Style.capsuleBorderColor
   border.width: Style.capsuleBorderWidth
 

Modules/Bar/Widgets/Workspace.qml

@@ -604,7 +604,7 @@ Item {
           width: workspacePillContainer.width + 18 * root.masterProgress * scale
           height: workspacePillContainer.height + 18 * root.masterProgress * scale
           radius: width / 2
-          color: Color.transparent
+          color: "transparent"
           border.color: root.effectColor
           border.width: Math.max(1, Math.round((2 + 6 * (1.0 - root.masterProgress))))
           opacity: root.effectsActive && model.isFocused ? (1.0 - root.masterProgress) * 0.7 : 0
@@ -752,7 +752,7 @@ Item {
           width: workspacePillContainerVertical.width + 18 * root.masterProgress * scale
           height: workspacePillContainerVertical.height + 18 * root.masterProgress * scale
           radius: width / 2
-          color: Color.transparent
+          color: "transparent"
           border.color: root.effectColor
           border.width: Math.max(1, Math.round((2 + 6 * (1.0 - root.masterProgress))))
           opacity: root.effectsActive && model.isFocused ? (1.0 - root.masterProgress) * 0.7 : 0
@@ -955,7 +955,7 @@ Item {
           width: groupedWorkspaceNumberContainer.width + 12 * root.masterProgress
           height: groupedWorkspaceNumberContainer.height + 12 * root.masterProgress
           radius: width / 2
-          color: Color.transparent
+          color: "transparent"
           border.color: root.effectColor
           border.width: Math.max(1, Math.round((2 + 4 * (1.0 - root.masterProgress))))
           opacity: root.effectsActive && groupedContainer.workspaceModel.isFocused ? (1.0 - root.masterProgress) * 0.7 : 0

Modules/Cards/AudioCard.qml

@@ -152,7 +152,7 @@ NBox {
           icon: AudioService.muted ? "volume-off" : "volume-high"
           baseSize: Style.baseWidgetSize * 0.5
           colorFg: AudioService.muted ? Color.mError : Color.mOnSurface
-          colorBg: Color.transparent
+          colorBg: "transparent"
           colorBgHover: Color.mHover
           colorFgHover: Color.mOnHover
           onClicked: {
@@ -224,7 +224,7 @@ NBox {
           icon: AudioService.inputMuted ? "microphone-off" : "microphone"
           baseSize: Style.baseWidgetSize * 0.5
           colorFg: AudioService.inputMuted ? Color.mError : Color.mOnSurface
-          colorBg: Color.transparent
+          colorBg: "transparent"
           colorBgHover: Color.mHover
           colorFgHover: Color.mOnHover
           onClicked: AudioService.setInputMuted(!AudioService.inputMuted)

Modules/Cards/BrightnessCard.qml

@@ -91,7 +91,7 @@ NBox {
           }
           baseSize: Style.baseWidgetSize * 0.5
           colorFg: Color.mOnSurface
-          colorBg: Color.transparent
+          colorBg: "transparent"
           colorBgHover: Color.mHover
           colorFgHover: Color.mOnHover
         }

Modules/Cards/CalendarMonthCard.qml

@@ -342,7 +342,7 @@ NBox {
               height: Style.baseWidgetSize * 0.9
               anchors.centerIn: parent
               radius: Style.radiusM
-              color: modelData.today ? Color.mSecondary : Color.transparent
+              color: modelData.today ? Color.mSecondary : "transparent"
 
               NText {
                 anchors.centerIn: parent

Modules/Cards/MediaCard.qml

@@ -129,7 +129,7 @@ NBox {
     // Border
     Rectangle {
       anchors.fill: parent
-      color: Color.transparent
+      color: "transparent"
       border.color: Style.boxBorderColor
       border.width: Style.borderS
       radius: Style.radiusM
@@ -197,7 +197,7 @@ NBox {
     height: Style.barHeight
     visible: MediaService.getAvailablePlayers().length > 1
     radius: Style.radiusM
-    color: Color.transparent
+    color: "transparent"
 
     property var currentPlayer: MediaService.getAvailablePlayers()[MediaService.selectedPlayerIndex]
 

Modules/Cards/TimerCard.qml

@@ -434,7 +434,7 @@ NBox {
         Layout.fillWidth: true
         Layout.preferredWidth: 0
         implicitHeight: startButton.implicitHeight
-        color: Color.transparent
+        color: "transparent"
 
         NButton {
           id: startButton
@@ -456,7 +456,7 @@ NBox {
         Layout.fillWidth: true
         Layout.preferredWidth: 0
         implicitHeight: resetButton.implicitHeight
-        color: Color.transparent
+        color: "transparent"
 
         NButton {
           id: resetButton

Modules/DesktopWidgets/DesktopWidgets.qml

@@ -54,7 +54,7 @@ Variants {
 
     sourceComponent: PanelWindow {
       id: window
-      color: Color.transparent
+      color: "transparent"
       screen: screenLoader.modelData
 
       WlrLayershell.layer: WlrLayer.Bottom

Modules/DesktopWidgets/DraggableDesktopWidget.qml

@@ -343,8 +343,8 @@ Item {
     id: decorationRect
     anchors.fill: parent
     anchors.margins: -outlineMargin
-    color: DesktopWidgetRegistry.editMode ? Qt.rgba(Color.mPrimary.r, Color.mPrimary.g, Color.mPrimary.b, 0.1) : Color.transparent
-    border.color: (DesktopWidgetRegistry.editMode || internal.isDragging) ? (internal.isDragging ? Color.mOutline : Color.mPrimary) : Color.transparent
+    color: DesktopWidgetRegistry.editMode ? Qt.rgba(Color.mPrimary.r, Color.mPrimary.g, Color.mPrimary.b, 0.1) : "transparent"
+    border.color: (DesktopWidgetRegistry.editMode || internal.isDragging) ? (internal.isDragging ? Color.mOutline : Color.mPrimary) : "transparent"
     border.width: DesktopWidgetRegistry.editMode ? 3 : 0
     radius: Math.round(Style.radiusL * root.widgetScale)
     z: -1
@@ -367,7 +367,7 @@ Item {
       shadowEnabled: true
       shadowBlur: Style.shadowBlur * 1.5
       shadowOpacity: Style.shadowOpacity * 0.6
-      shadowColor: Color.black
+      shadowColor: "black"
       shadowHorizontalOffset: Settings.data.general.shadowOffsetX
       shadowVerticalOffset: Settings.data.general.shadowOffsetY
       blurMax: Style.shadowBlurMax

Modules/DesktopWidgets/Widgets/DesktopClock.qml

@@ -42,7 +42,7 @@ DraggableDesktopWidget {
     NClock {
       now: root.now
       clockStyle: root.clockStyle
-      backgroundColor: Color.transparent
+      backgroundColor: "transparent"
       clockColor: clockTextColor
       progressColor: Color.mPrimary
       opacity: root.widgetOpacity

Modules/Dock/Dock.qml

@@ -303,7 +303,7 @@ Loader {
           anchors.left: true
           anchors.right: true
           focusable: false
-          color: Color.transparent
+          color: "transparent"
 
           WlrLayershell.namespace: "noctalia-dock-peek-" + (screen?.name || "unknown")
           WlrLayershell.exclusionMode: ExclusionMode.Ignore
@@ -343,7 +343,7 @@ Loader {
           screen: modelData
 
           focusable: false
-          color: Color.transparent
+          color: "transparent"
 
           WlrLayershell.namespace: "noctalia-dock-" + (screen?.name || "unknown")
           WlrLayershell.exclusionMode: exclusive ? ExclusionMode.Auto : ExclusionMode.Ignore

Modules/Dock/DockMenu.qml

@@ -28,7 +28,7 @@ PopupWindow {
 
   implicitWidth: menuContentWidth + (Style.marginM * 2)
   implicitHeight: contextMenuColumn.implicitHeight + (Style.marginM * 2)
-  color: Color.transparent
+  color: "transparent"
   visible: false
 
   // Hidden text element for measuring text width
@@ -360,7 +360,7 @@ PopupWindow {
         Rectangle {
           Layout.fillWidth: true
           height: 32
-          color: root.hoveredItem === index ? Color.mHover : Color.transparent
+          color: root.hoveredItem === index ? Color.mHover : "transparent"
           radius: Style.radiusXS
 
           Row {

Modules/LockScreen/LockScreen.qml

@@ -249,7 +249,7 @@ Loader {
             anchors.fill: parent
             visible: Settings.data.general.showScreenCorners
 
-            property color cornerColor: Settings.data.general.forceBlackScreenCorners ? Color.black : Color.mSurface
+            property color cornerColor: Settings.data.general.forceBlackScreenCorners ? "black" : Color.mSurface
             property real cornerRadius: Style.screenRadius
             property real cornerSize: Style.screenRadius
 
@@ -425,12 +425,12 @@ Loader {
                   Layout.preferredHeight: 70
                   Layout.alignment: Qt.AlignVCenter
                   radius: width / 2
-                  color: Color.transparent
+                  color: "transparent"
 
                   Rectangle {
                     anchors.fill: parent
                     radius: parent.radius
-                    color: Color.transparent
+                    color: "transparent"
                     border.color: Qt.alpha(Color.mPrimary, 0.8)
                     border.width: 2
 
@@ -725,7 +725,7 @@ Loader {
                     Layout.fillWidth: !(Settings.data.location.weatherEnabled && LocationService.data.weather !== null)
                     Layout.preferredHeight: 50
                     radius: Style.radiusL
-                    color: Color.transparent
+                    color: "transparent"
                     clip: true
                     visible: MediaService.currentPlayer && MediaService.canPlay
 
@@ -778,7 +778,7 @@ Loader {
                         Layout.preferredWidth: 34
                         Layout.preferredHeight: 34
                         radius: Math.min(Style.radiusL, width / 2)
-                        color: Color.transparent
+                        color: "transparent"
                         clip: true
 
                         NImageRounded {
@@ -1150,7 +1150,7 @@ Loader {
                       width: 36
                       height: 36
                       radius: Math.min(Style.iRadiusL, width / 2)
-                      color: eyeButtonArea.containsMouse ? Color.mPrimary : Color.transparent
+                      color: eyeButtonArea.containsMouse ? Color.mPrimary : "transparent"
                       visible: passwordInput.text.length > 0
                       enabled: !lockContext.unlockInProgress
 
@@ -1193,7 +1193,7 @@ Loader {
                       width: 36
                       height: 36
                       radius: Math.min(Style.iRadiusL, width / 2)
-                      color: submitButtonArea.containsMouse ? Color.mPrimary : Color.transparent
+                      color: submitButtonArea.containsMouse ? Color.mPrimary : "transparent"
                       border.color: Color.mPrimary
                       border.width: Style.borderS
                       enabled: !lockContext.unlockInProgress

Modules/MainScreen/Backgrounds/PanelBackground.qml

@@ -41,7 +41,7 @@ ShapePath {
   // Effective background color: use panel's if defined, else default
   readonly property color effectiveBackgroundColor: {
     if (!assignedPanel)
-      return Color.transparent;
+      return "transparent";
     if (assignedPanel.panelBackgroundColor !== undefined) {
       return assignedPanel.panelBackgroundColor;
     }

Modules/MainScreen/BarContentWindow.qml

@@ -18,7 +18,7 @@ PanelWindow {
   id: barWindow
 
   // Note: screen property is inherited from PanelWindow and should be set by parent
-  color: Color.transparent // Transparent - background is in MainScreen below
+  color: "transparent" // Transparent - background is in MainScreen below
 
   Component.onCompleted: {
     Logger.d("BarContentWindow", "Bar content window created for screen:", barWindow.screen?.name);

Modules/MainScreen/MainScreen.qml

@@ -81,7 +81,7 @@ PanelWindow {
     if (dimmerOpacity > 0 && isPanelOpen && !isPanelClosing) {
       return Qt.alpha(Color.mShadow, dimmerOpacity);
     }
-    return Color.transparent;
+    return "transparent";
   }
 
   Behavior on color {

Modules/MainScreen/PopupMenuWindow.qml

@@ -29,7 +29,7 @@ PanelWindow {
   anchors.right: true
   anchors.bottom: true
   visible: false
-  color: Color.transparent
+  color: "transparent"
 
   // Use Top layer (same as MainScreen) for proper event handling
   WlrLayershell.layer: WlrLayer.Top

Modules/MainScreen/ScreenCorners.qml

@@ -31,7 +31,7 @@ Item {
         id: cornersPath
 
         // Corner configuration
-        readonly property color cornerColor: Settings.data.general.forceBlackScreenCorners ? Color.black : Color.mSurface
+        readonly property color cornerColor: Settings.data.general.forceBlackScreenCorners ? "black" : Color.mSurface
         readonly property real cornerRadius: Style.screenRadius
         readonly property real cornerSize: Style.screenRadius
 
@@ -50,7 +50,7 @@ Item {
 
         // ShapePath configuration
         strokeWidth: -1 // No stroke, fill only
-        fillColor: shouldShow ? cornerColor : Color.transparent
+        fillColor: shouldShow ? cornerColor : "transparent"
 
         // Smooth color animation
         Behavior on fillColor {

Modules/Notification/Notification.qml

@@ -48,7 +48,7 @@ Variants {
       WlrLayershell.layer: (Settings.data.notifications?.overlayLayer) ? WlrLayer.Overlay : WlrLayer.Top
       WlrLayershell.exclusionMode: ExclusionMode.Ignore
 
-      color: Color.transparent
+      color: "transparent"
 
       // Make shadow area click-through, only notification content is clickable
       mask: Region {
@@ -230,7 +230,7 @@ Variants {
                 anchors.left: parent.left
                 anchors.right: parent.right
                 height: 2
-                color: Color.transparent
+                color: "transparent"
 
                 readonly property real availableWidth: parent.width - (2 * parent.radius)
 
@@ -422,7 +422,7 @@ Variants {
                   Layout.alignment: Qt.AlignVCenter
                   radius: Math.min(Style.radiusL, Layout.preferredWidth / 2)
                   imagePath: model.originalImage || ""
-                  borderColor: Color.transparent
+                  borderColor: "transparent"
                   borderWidth: 0
                   fallbackIcon: "bell"
                   fallbackIconSize: 24

Modules/OSD/OSD.qml

@@ -523,7 +523,7 @@ Variants {
 
       implicitWidth: verticalMode ? longVWidth : (root.currentOSDType === OSD.Type.CustomText ? customTextHWidth : (isShortMode ? lockKeyHWidth : longHWidth))
       implicitHeight: verticalMode ? (root.currentOSDType === OSD.Type.CustomText ? customTextVHeight : (isShortMode ? lockKeyVHeight : longVHeight)) : longHHeight
-      color: Color.transparent
+      color: "transparent"
 
       WlrLayershell.namespace: "noctalia-osd-" + (screen?.name || "unknown")
       WlrLayershell.keyboardFocus: WlrKeyboardFocus.None

Modules/Panels/Bluetooth/BluetoothPanel.qml

@@ -17,7 +17,7 @@ SmartPanel {
 
   panelContent: Rectangle {
     id: panelContent
-    color: Color.transparent
+    color: "transparent"
 
     // Calculate content height based on header + devices list (or minimum for empty states)
     property real headerHeight: headerRow.implicitHeight + Style.marginM * 2

Modules/Panels/Launcher/Launcher.qml

@@ -641,7 +641,7 @@ SmartPanel {
   // ---------------------------------------------------
   panelContent: Rectangle {
     id: ui
-    color: Color.transparent
+    color: "transparent"
     opacity: resultsReady ? 1.0 : 0.0
 
     // Preview Panel (external) - uses provider's preview component

Modules/Panels/NotificationHistory/NotificationHistoryPanel.qml

@@ -22,7 +22,7 @@ SmartPanel {
 
   panelContent: Rectangle {
     id: panelContent
-    color: Color.transparent
+    color: "transparent"
 
     // State (lazy-loaded with panelContent)
     property var rangeCounts: [0, 0, 0, 0]
@@ -249,7 +249,7 @@ SmartPanel {
               fontSize: Style.fontSizeXS
               outlined: false
 
-              backgroundColor: isActive ? Color.mPrimary : (hovered ? Color.mHover : Color.transparent)
+              backgroundColor: isActive ? Color.mPrimary : (hovered ? Color.mHover : "transparent")
               textColor: isActive ? Color.mOnPrimary : (hovered ? Color.mOnHover : Color.mOnSurface)
               hoverColor: backgroundColor
 
@@ -392,7 +392,7 @@ SmartPanel {
                       height: Math.round(40 * Style.uiScaleRatio)
                       radius: Math.min(Style.radiusL, width / 2)
                       imagePath: model.cachedImage || model.originalImage || ""
-                      borderColor: Color.transparent
+                      borderColor: "transparent"
                       borderWidth: 0
                       fallbackIcon: "bell"
                       fallbackIconSize: 24
@@ -421,7 +421,7 @@ SmartPanel {
                             else if (model.urgency === 0)
                               return Color.mOnSurfaceVariant;
                             else
-                              return Color.transparent;
+                              return "transparent";
                           }
                         }
 
@@ -516,7 +516,7 @@ SmartPanel {
         // Overlay gradient to smooth the hard cut due to scrolling at the bottom (only visible when scrollable)
         Rectangle {
           anchors.fill: parent
-          color: Color.transparent
+          color: "transparent"
           visible: scrollView.ScrollBar.vertical && scrollView.ScrollBar.vertical.size < 1.0
           opacity: {
             const scrollBar = scrollView.ScrollBar.vertical;
@@ -533,11 +533,11 @@ SmartPanel {
           gradient: Gradient {
             GradientStop {
               position: 0.0
-              color: Color.transparent
+              color: "transparent"
             }
             GradientStop {
               position: 0.85
-              color: Color.transparent
+              color: "transparent"
             }
             GradientStop {
               position: 1.0

Modules/Panels/SessionMenu/SessionMenu.qml

@@ -19,7 +19,7 @@ SmartPanel {
   readonly property bool largeButtonsLayout: Settings.data.sessionMenu.largeButtonsLayout || "grid"
 
   // Make panel background transparent for large buttons style
-  panelBackgroundColor: largeButtonsStyle ? Color.transparent : Color.mSurface
+  panelBackgroundColor: largeButtonsStyle ? "transparent" : Color.mSurface
 
   preferredWidth: largeButtonsStyle ? 0 : Math.round(440 * Style.uiScaleRatio)
   preferredWidthRatio: largeButtonsStyle ? 1.0 : 0
@@ -438,7 +438,7 @@ SmartPanel {
 
   panelContent: Rectangle {
     id: panelContent
-    color: Color.transparent
+    color: "transparent"
     focus: true
 
     // For large buttons style, use full screen dimensions
@@ -557,7 +557,7 @@ SmartPanel {
             tooltipText: timerActive ? I18n.tr("tooltips.cancel-timer") : I18n.tr("tooltips.close")
             Layout.alignment: Qt.AlignVCenter
             baseSize: Style.baseWidgetSize * 0.7
-            colorBg: timerActive ? Qt.alpha(Color.mError, 0.08) : Color.transparent
+            colorBg: timerActive ? Qt.alpha(Color.mError, 0.08) : "transparent"
             colorFg: timerActive ? Color.mError : Color.mOnSurface
             onClicked: {
               if (timerActive) {
@@ -641,7 +641,7 @@ SmartPanel {
       if (isSelected || mouseArea.containsMouse) {
         return Color.mHover;
       }
-      return Color.transparent;
+      return "transparent";
     }
 
     border.width: pending ? Math.max(Style.borderM) : 0

Modules/Panels/Settings/Bar/WidgetSettings/TraySettings.qml

@@ -110,7 +110,7 @@ ColumnLayout {
         id: itemBackground
         anchors.fill: parent
         anchors.margins: Style.marginXS
-        color: Color.transparent // Make background transparent
+        color: "transparent" // Make background transparent
         border.color: Color.mOutline
         border.width: Style.borderS
         radius: Style.radiusS

Modules/Panels/Settings/SettingsContent.qml

@@ -352,8 +352,8 @@ Item {
         Layout.alignment: Qt.AlignTop
 
         radius: sidebar.panelVeryTransparent ? Style.radiusM : 0
-        color: sidebar.panelVeryTransparent ? Color.mSurfaceVariant : Color.transparent
-        border.color: sidebar.panelVeryTransparent ? Style.boxBorderColor : Color.transparent
+        color: sidebar.panelVeryTransparent ? Color.mSurfaceVariant : "transparent"
+        border.color: sidebar.panelVeryTransparent ? Style.boxBorderColor : "transparent"
 
         Behavior on Layout.preferredWidth {
           NumberAnimation {
@@ -380,7 +380,7 @@ Item {
               height: parent.height
               anchors.left: parent.left
               radius: Style.radiusS
-              color: toggleMouseArea.containsMouse ? Color.mHover : Color.transparent
+              color: toggleMouseArea.containsMouse ? Color.mHover : "transparent"
 
               Behavior on color {
                 ColorAnimation {
@@ -440,7 +440,7 @@ Item {
                 width: sidebarList.width - (sidebarList.verticalScrollBarActive ? Style.marginM : 0)
                 height: tabEntryRow.implicitHeight + Style.marginS * 2
                 radius: Style.radiusS
-                color: selected ? Color.mPrimary : (tabItem.hovering ? Color.mHover : Color.transparent)
+                color: selected ? Color.mPrimary : (tabItem.hovering ? Color.mHover : "transparent")
                 readonly property bool selected: index === root.currentTabIndex
                 property bool hovering: false
                 property color tabTextColor: selected ? Color.mOnPrimary : (tabItem.hovering ? Color.mOnHover : Color.mOnSurface)
@@ -551,7 +551,7 @@ Item {
           anchors.fill: parent
           anchors.margins: Style.borderS
           radius: Style.radiusM
-          color: Color.transparent
+          color: "transparent"
           visible: sidebarList.verticalScrollBarActive
           opacity: (sidebarList.contentY + sidebarList.height >= sidebarList.contentHeight - 10) ? 0 : 1
 
@@ -565,11 +565,11 @@ Item {
           gradient: Gradient {
             GradientStop {
               position: 0.0
-              color: Color.transparent
+              color: "transparent"
             }
             GradientStop {
               position: 0.95
-              color: Color.transparent
+              color: "transparent"
             }
             GradientStop {
               position: 1.0
@@ -633,7 +633,7 @@ Item {
             Layout.fillHeight: true
             Layout.leftMargin: -Style.marginM
             Layout.rightMargin: -Style.marginL
-            color: Color.transparent
+            color: "transparent"
 
             Repeater {
               model: root.tabsModel
@@ -683,7 +683,7 @@ Item {
             // Overlay gradient for content scrolling
             Rectangle {
               anchors.fill: parent
-              color: Color.transparent
+              color: "transparent"
               visible: root.activeScrollView && root.activeScrollView.ScrollBar.vertical && root.activeScrollView.ScrollBar.vertical.size < 1.0
               opacity: {
                 if (!root.activeScrollView)
@@ -702,11 +702,11 @@ Item {
               gradient: Gradient {
                 GradientStop {
                   position: 0.0
-                  color: Color.transparent
+                  color: "transparent"
                 }
                 GradientStop {
                   position: 0.95
-                  color: Color.transparent
+                  color: "transparent"
                 }
                 GradientStop {
                   position: 1.0

Modules/Panels/Settings/SettingsPanel.qml

@@ -221,7 +221,7 @@ SmartPanel {
 
   panelContent: Rectangle {
     id: panelContent
-    color: Color.transparent
+    color: "transparent"
 
     SettingsContent {
       id: settingsContent

Modules/Panels/Settings/SettingsPanelWindow.qml

@@ -63,7 +63,7 @@ FloatingWindow {
   // Main content
   Rectangle {
     anchors.fill: parent
-    color: Color.transparent
+    color: "transparent"
     radius: Style.radiusL
 
     SettingsContent {

Modules/Panels/Settings/Tabs/AboutTab.qml

@@ -232,7 +232,7 @@ ColumnLayout {
     width: supportRow.implicitWidth + Style.marginXL
     height: supportRow.implicitHeight + Style.marginM
     radius: Style.radiusS
-    color: supportArea.containsMouse ? Qt.alpha(Color.mOnSurface, 0.05) : Color.transparent
+    color: supportArea.containsMouse ? Qt.alpha(Color.mOnSurface, 0.05) : "transparent"
     border.width: 0
 
     Behavior on color {
@@ -304,7 +304,7 @@ ColumnLayout {
         width: Math.max(Math.round(topContributorsFlow.width / 2 - Style.marginM - 1), Math.round(Style.baseWidgetSize * 4))
         height: Math.round(Style.baseWidgetSize * 2.3)
         radius: Style.radiusM
-        color: contributorArea.containsMouse ? Color.mHover : Color.transparent
+        color: contributorArea.containsMouse ? Color.mHover : "transparent"
         border.width: 1
         border.color: contributorArea.containsMouse ? Color.mPrimary : Color.mOutline
 
@@ -382,7 +382,7 @@ ColumnLayout {
             Rectangle {
               visible: wrapper.isRounded
               anchors.fill: parent
-              color: Color.transparent
+              color: "transparent"
               radius: width * 0.5
               border.width: Style.borderM
               border.color: Color.mPrimary
@@ -468,7 +468,7 @@ ColumnLayout {
         width: nameText.implicitWidth + Style.marginM * 2
         height: nameText.implicitHeight + Style.marginS * 2
         radius: Style.radiusS
-        color: nameArea.containsMouse ? Color.mHover : Color.transparent
+        color: nameArea.containsMouse ? Color.mHover : "transparent"
         border.width: Style.borderS
         border.color: nameArea.containsMouse ? Color.mPrimary : Color.mOutline
 

Modules/Panels/Settings/Tabs/SessionMenu/SessionMenuTab.qml

@@ -339,8 +339,8 @@ ColumnLayout {
           Rectangle {
             anchors.fill: parent
             radius: Style.radiusM
-            color: delegateItem.dragging ? Color.mSurfaceVariant : Color.transparent
-            border.color: delegateItem.dragging ? Color.mOutline : Color.transparent
+            color: delegateItem.dragging ? Color.mSurfaceVariant : "transparent"
+            border.color: delegateItem.dragging ? Color.mOutline : "transparent"
             border.width: Style.borderS
 
             Behavior on color {
@@ -361,7 +361,7 @@ ColumnLayout {
               Layout.preferredHeight: Style.baseWidgetSize * 0.7
               Layout.alignment: Qt.AlignVCenter
               radius: Style.radiusXS
-              color: dragHandleMouseArea.containsMouse ? Color.mSurfaceVariant : Color.transparent
+              color: dragHandleMouseArea.containsMouse ? Color.mSurfaceVariant : "transparent"
 
               Behavior on color {
                 ColorAnimation {

Modules/Panels/Settings/Tabs/WallpaperTab.qml

@@ -433,7 +433,7 @@ ColumnLayout {
     implicitHeight: Math.max(Style.baseWidgetSize * 0.55, 24)
     implicitWidth: chipLabel.implicitWidth + Style.marginM * 1.5
     border.width: Style.borderS
-    border.color: selected ? Color.transparent : Color.mOutline
+    border.color: selected ? "transparent" : Color.mOutline
 
     MouseArea {
       anchors.fill: parent

Modules/Panels/Wallpaper/WallpaperPanel.qml

@@ -170,7 +170,7 @@ SmartPanel {
       }
     }
 
-    color: Color.transparent
+    color: "transparent"
 
     // Wallhaven settings popup
     Loader {
@@ -588,11 +588,11 @@ SmartPanel {
           gradient: Gradient {
             GradientStop {
               position: 0.0
-              color: Color.transparent
+              color: "transparent"
             }
             GradientStop {
               position: 0.9
-              color: Color.transparent
+              color: "transparent"
             }
             GradientStop {
               position: 1.0
@@ -786,7 +786,7 @@ SmartPanel {
           background: Rectangle {
             implicitWidth: parent.handleWidth
             implicitHeight: 100
-            color: Color.transparent
+            color: "transparent"
             opacity: parent.policy === ScrollBar.AlwaysOn || parent.active ? 0.3 : 0.0
             radius: parent.handleRadius / 2
 
@@ -1155,7 +1155,7 @@ SmartPanel {
             background: Rectangle {
               implicitWidth: parent.handleWidth
               implicitHeight: 100
-              color: Color.transparent
+              color: "transparent"
               opacity: parent.policy === ScrollBar.AlwaysOn || parent.active ? 0.3 : 0.0
               radius: parent.handleRadius / 2
 
@@ -1182,7 +1182,7 @@ SmartPanel {
               id: imageContainer
               Layout.fillWidth: true
               Layout.preferredHeight: Math.round(wallhavenGridView.itemSize * 0.67)
-              color: Color.transparent
+              color: "transparent"
 
               Image {
                 id: img
@@ -1198,7 +1198,7 @@ SmartPanel {
 
               Rectangle {
                 anchors.fill: parent
-                color: Color.transparent
+                color: "transparent"
                 border.color: wallhavenGridView.currentIndex === index ? Color.mHover : Color.mSurface
                 border.width: Math.max(1, Style.borderL * 1.5)
               }

Modules/Panels/WiFi/WiFiNetworksList.qml

@@ -209,7 +209,7 @@ NBox {
 
                 Rectangle {
                   visible: modelData.cached && !modelData.connected && NetworkService.forgettingNetwork !== modelData.ssid && NetworkService.disconnectingFrom !== modelData.ssid
-                  color: Color.transparent
+                  color: "transparent"
                   border.color: Color.mOutline
                   border.width: Style.borderS
                   radius: height * 0.5

Modules/Panels/WiFi/WiFiPanel.qml

@@ -81,7 +81,7 @@ SmartPanel {
   }
 
   panelContent: Rectangle {
-    color: Color.transparent
+    color: "transparent"
 
     // Calculate content height based on header + networks list (or minimum for empty states)
     property real headerHeight: headerRow.implicitHeight + Style.marginM * 2

Modules/Toast/ToastScreen.qml

@@ -192,7 +192,7 @@ Item {
       implicitWidth: Math.round(toastItem.width)
       implicitHeight: Math.round(toastItem.height)
 
-      color: Color.transparent
+      color: "transparent"
 
       WlrLayershell.layer: (Settings.data.notifications && Settings.data.notifications.overlayLayer) ? WlrLayer.Overlay : WlrLayer.Top
       WlrLayershell.namespace: "noctalia-toast-" + (screen?.name || "unknown")

Modules/Tooltip/Tooltip.qml

@@ -29,7 +29,7 @@ PopupWindow {
   property int screenY: 0
 
   visible: false
-  color: Color.transparent
+  color: "transparent"
 
   anchor.item: targetItem
   anchor.rect.x: anchorX

Services/Control/CurrentScreenDetector.qml

@@ -101,7 +101,7 @@ Item {
           sourceComponent: PanelWindow {
             implicitWidth: 0
             implicitHeight: 0
-            color: Color.transparent
+            color: "transparent"
             WlrLayershell.exclusionMode: ExclusionMode.Ignore
             WlrLayershell.namespace: "noctalia-screen-detector"
             mask: Region {}

Services/UI/ImageCacheService.qml

@@ -428,7 +428,7 @@ Singleton {
     implicitHeight: 0
     WlrLayershell.exclusionMode: ExclusionMode.Ignore
     WlrLayershell.namespace: "noctalia-image-cache-renderer"
-    color: Color.transparent
+    color: "transparent"
     mask: Region {}
 
     Image {

Widgets/NButton.qml

@@ -40,10 +40,10 @@ Rectangle {
   radius: root.buttonRadius
   color: {
     if (!enabled)
-      return outlined ? Color.transparent : Qt.lighter(Color.mSurfaceVariant, 1.2);
+      return outlined ? "transparent" : Qt.lighter(Color.mSurfaceVariant, 1.2);
     if (hovered)
       return hoverColor;
-    return outlined ? Color.transparent : backgroundColor;
+    return outlined ? "transparent" : backgroundColor;
   }
 
   border.width: outlined ? Style.borderS : 0
@@ -52,7 +52,7 @@ Rectangle {
       return Color.mOutline;
     if (hovered)
       return backgroundColor;
-    return outlined ? backgroundColor : Color.transparent;
+    return outlined ? backgroundColor : "transparent";
   }
 
   opacity: enabled ? 1.0 : 0.6

Widgets/NCollapsible.qml

@@ -58,7 +58,7 @@ ColumnLayout {
       // Hover effect overlay
       Rectangle {
         anchors.fill: parent
-        color: headerArea.containsMouse ? Color.mOnSurface : Color.transparent
+        color: headerArea.containsMouse ? Color.mOnSurface : "transparent"
         opacity: headerArea.containsMouse ? 0.08 : 0
         radius: headerContainer.radius // Reference the container's radius directly
 

Widgets/NColorPicker.qml

@@ -8,7 +8,7 @@ Rectangle {
   id: root
 
   property var screen
-  property color selectedColor: Color.black
+  property color selectedColor: "black"
 
   signal colorSelected(color color)
 

Widgets/NColorPickerDialog.qml

@@ -11,7 +11,7 @@ Popup {
   id: root
 
   property var screen
-  property color selectedColor: Color.black
+  property color selectedColor: "black"
 
   enum EditMode {
     R,
@@ -113,7 +113,7 @@ Popup {
           family: Settings.data.ui.fontFixed
           pointSize: Style.fontSizeL
           font.weight: Style.fontWeightMedium
-          color: root.selectedColor.r + root.selectedColor.g + root.selectedColor.b > 1.5 ? Color.black : Color.white
+          color: root.selectedColor.r + root.selectedColor.g + root.selectedColor.b > 1.5 ? "black" : "white"
           Layout.alignment: Qt.AlignHCenter
         }
 
@@ -121,7 +121,7 @@ Popup {
           text: "RGB(" + Math.round(root.selectedColor.r * 255) + ", " + Math.round(root.selectedColor.g * 255) + ", " + Math.round(root.selectedColor.b * 255) + ")"
           family: Settings.data.ui.fontFixed
           pointSize: Style.fontSizeM
-          color: root.selectedColor.r + root.selectedColor.g + root.selectedColor.b > 1.5 ? Color.black : Color.white
+          color: root.selectedColor.r + root.selectedColor.g + root.selectedColor.b > 1.5 ? "black" : "white"
           Layout.alignment: Qt.AlignHCenter
         }
 

Widgets/NComboBox.qml

@@ -225,7 +225,7 @@ RowLayout {
           background: Rectangle {
             implicitWidth: 6
             implicitHeight: 100
-            color: Color.transparent
+            color: "transparent"
             opacity: parent.active ? 0.3 : 0.0
             radius: Style.iRadiusM / 2
 
@@ -245,7 +245,7 @@ RowLayout {
           width: listView.width
           height: delegateText.implicitHeight + Style.marginS * 2
           radius: Style.iRadiusS
-          color: isHighlighted ? Color.mHover : Color.transparent
+          color: isHighlighted ? Color.mHover : "transparent"
 
           Behavior on color {
             ColorAnimation {

Widgets/NContextMenu.qml

@@ -84,7 +84,7 @@ Popup {
       property var popup: root
 
       background: Rectangle {
-        color: menuItem.hovered && menuItem.enabled ? Color.mHover : Color.transparent
+        color: menuItem.hovered && menuItem.enabled ? Color.mHover : "transparent"
         radius: Style.iRadiusS
 
         Behavior on color {

Widgets/NDivider.qml

@@ -12,7 +12,7 @@ Rectangle {
     orientation: vertical ? Gradient.Vertical : Gradient.Horizontal
     GradientStop {
       position: 0.0
-      color: Color.transparent
+      color: "transparent"
     }
     GradientStop {
       position: 0.1
@@ -24,7 +24,7 @@ Rectangle {
     }
     GradientStop {
       position: 1.0
-      color: Color.transparent
+      color: "transparent"
     }
   }
 }

Widgets/NDropShadow.qml

@@ -13,7 +13,7 @@ Item {
   property real shadowHorizontalOffset: Settings.data.general.shadowOffsetX
   property real shadowVerticalOffset: Settings.data.general.shadowOffsetY
   property real shadowOpacity: Style.shadowOpacity
-  property color shadowColor: Color.black
+  property color shadowColor: "black"
   property real shadowBlur: Style.shadowBlur
 
   layer.enabled: Settings.data.general.enableShadows && !PowerProfileService.noctaliaPerformanceMode

Widgets/NFilePicker.qml

@@ -143,7 +143,7 @@ Popup {
     id: filePickerPanel
     anchors.fill: parent
     anchors.margins: Style.marginL
-    color: Color.transparent
+    color: "transparent"
 
     property string filterText: ""
     property var currentSelection: []
@@ -428,7 +428,7 @@ Popup {
             background: Rectangle {
               implicitWidth: 6
               implicitHeight: 100
-              color: Color.transparent
+              color: "transparent"
               opacity: parent.policy === ScrollBar.AlwaysOn || parent.active ? 0.3 : 0.0
               radius: (Style.iRadiusM) / 2
               Behavior on opacity {
@@ -472,14 +472,14 @@ Popup {
             id: gridItem
             width: gridView.itemSize
             height: gridView.cellHeight
-            color: Color.transparent
+            color: "transparent"
             radius: Style.iRadiusM
 
             property bool isSelected: filePickerPanel.currentSelection.includes(model.filePath)
 
             Rectangle {
               anchors.fill: parent
-              color: Color.transparent
+              color: "transparent"
               radius: parent.radius
               border.color: isSelected ? Color.mSecondary : Color.mSurface
               border.width: Style.borderL
@@ -492,9 +492,9 @@ Popup {
 
             Rectangle {
               anchors.fill: parent
-              color: (mouseArea.containsMouse && !isSelected) ? Color.mHover : Color.transparent
+              color: (mouseArea.containsMouse && !isSelected) ? Color.mHover : "transparent"
               radius: parent.radius
-              border.color: (mouseArea.containsMouse && !isSelected) ? Color.mHover : Color.transparent
+              border.color: (mouseArea.containsMouse && !isSelected) ? Color.mHover : "transparent"
               border.width: Style.borderS
               Behavior on color {
                 ColorAnimation {
@@ -517,7 +517,7 @@ Popup {
                 id: iconContainer
                 Layout.fillWidth: true
                 Layout.preferredHeight: Math.round(gridView.itemSize * 0.67)
-                color: Color.transparent
+                color: "transparent"
 
                 property bool isImage: {
                   if (model.fileIsDir)
@@ -671,7 +671,7 @@ Popup {
                 return Color.mSecondary;
               if (mouseArea.containsMouse)
                 return Color.mHover;
-              return Color.transparent;
+              return "transparent";
             }
             radius: Style.iRadiusS
             Behavior on color {

Widgets/NGridView.qml

@@ -19,7 +19,7 @@ Item {
   property color handleColor: Qt.alpha(Color.mHover, 0.8)
   property color handleHoverColor: handleColor
   property color handlePressedColor: handleColor
-  property color trackColor: Color.transparent
+  property color trackColor: "transparent"
   property real handleWidth: 6
   property real handleRadius: Style.iRadiusM
   property int verticalPolicy: ScrollBar.AsNeeded

Widgets/NIconPicker.qml

@@ -96,8 +96,8 @@ Popup {
         height: grid.cellHeight
         radius: Style.iRadiusS
 
-        color: (root.selectedIcon === modelData) ? Qt.alpha(Color.mPrimary, 0.15) : Color.transparent
-        border.color: (root.selectedIcon === modelData) ? Color.mPrimary : Color.transparent
+        color: (root.selectedIcon === modelData) ? Qt.alpha(Color.mPrimary, 0.15) : "transparent"
+        border.color: (root.selectedIcon === modelData) ? Color.mPrimary : "transparent"
         border.width: (root.selectedIcon === modelData) ? Style.borderS : 0
 
         MouseArea {

Widgets/NImageRounded.qml

@@ -12,7 +12,7 @@ Item {
   property string fallbackIcon: ""
   property real fallbackIconSize: Style.fontSizeXXL
   property real borderWidth: 0
-  property color borderColor: Color.transparent
+  property color borderColor: "transparent"
   property int imageFillMode: Image.PreserveAspectFit
 
   readonly property bool showFallback: (fallbackIcon !== undefined && fallbackIcon !== "") && (imagePath === undefined || imagePath === "")
@@ -21,7 +21,7 @@ Item {
   Rectangle {
     anchors.fill: parent
     radius: root.radius
-    color: Color.transparent
+    color: "transparent"
     border.width: root.borderWidth
     border.color: root.borderColor
 

Widgets/NListView.qml

@@ -9,7 +9,7 @@ Item {
   property color handleColor: Qt.alpha(Color.mHover, 0.8)
   property color handleHoverColor: handleColor
   property color handlePressedColor: handleColor
-  property color trackColor: Color.transparent
+  property color trackColor: "transparent"
   property real handleWidth: 6
   property real handleRadius: Style.iRadiusM
   property int verticalPolicy: ScrollBar.AsNeeded

Widgets/NPopupContextMenu.qml

@@ -28,7 +28,7 @@ PopupWindow {
   implicitWidth: calculatedWidth
   implicitHeight: Math.min(600, flickable.contentHeight + (Style.marginS * 2))
   visible: false
-  color: Color.transparent
+  color: "transparent"
 
   NText {
     id: textMeasure
@@ -230,12 +230,12 @@ PopupWindow {
           Layout.preferredWidth: parent.width
           Layout.preferredHeight: modelData.visible !== false ? root.itemHeight : 0
           visible: modelData.visible !== false
-          color: Color.transparent
+          color: "transparent"
 
           Rectangle {
             id: innerRect
             anchors.fill: parent
-            color: mouseArea.containsMouse ? Color.mHover : Color.transparent
+            color: mouseArea.containsMouse ? Color.mHover : "transparent"
             radius: Style.iRadiusS
             opacity: modelData.enabled !== false ? 1.0 : 0.5
 

Widgets/NRadioButton.qml

@@ -16,7 +16,7 @@ RadioButton {
     implicitWidth: Style.baseWidgetSize * 0.625 * pointSize / Style.fontSizeM
     implicitHeight: Style.baseWidgetSize * 0.625 * pointSize / Style.fontSizeM
     radius: Math.min(Style.iRadiusL, width / 2)
-    color: Color.transparent
+    color: "transparent"
     border.color: root.checked ? Color.mPrimary : Color.mOnSurface
     border.width: Style.borderM
     anchors.verticalCenter: parent.verticalCenter

Widgets/NReorderCheckboxes.qml

@@ -99,7 +99,7 @@ Item {
           Layout.preferredWidth: root.baseSize
           Layout.preferredHeight: root.baseSize
           radius: Style.iRadiusXS
-          color: dragHandleMouseArea.containsMouse ? Color.mSurfaceVariant : Color.transparent
+          color: dragHandleMouseArea.containsMouse ? Color.mSurfaceVariant : "transparent"
 
           Behavior on color {
             ColorAnimation {

Widgets/NScrollView.qml

@@ -9,7 +9,7 @@ T.ScrollView {
   property color handleColor: Qt.alpha(Color.mHover, 0.8)
   property color handleHoverColor: handleColor
   property color handlePressedColor: handleColor
-  property color trackColor: Color.transparent
+  property color trackColor: "transparent"
   property real handleWidth: 6
   property real handleRadius: Style.iRadiusM
   property int verticalPolicy: ScrollBar.AsNeeded

Widgets/NSearchableComboBox.qml

@@ -343,7 +343,7 @@ RowLayout {
               }
               background: Rectangle {
                 anchors.fill: parent
-                color: highlighted ? Color.mHover : Color.transparent
+                color: highlighted ? Color.mHover : "transparent"
                 radius: Style.iRadiusS
                 Behavior on color {
                   ColorAnimation {

Widgets/NSectionEditor.qml

@@ -477,7 +477,7 @@ NBox {
         width: 0
         height: Style.baseWidgetSize * 1.15
         radius: Style.iRadiusL
-        color: Color.transparent
+        color: "transparent"
         border.color: Color.mOutline
         border.width: Style.borderS
         opacity: 0.7

Widgets/NSpinBox.qml

@@ -152,7 +152,7 @@ RowLayout {
           height: parent.height
           radius: Math.min(Style.iRadiusL, width / 2)
           anchors.left: parent.left
-          color: decreaseArea.containsMouse ? Color.mHover : Color.transparent
+          color: decreaseArea.containsMouse ? Color.mHover : "transparent"
           Behavior on color {
             ColorAnimation {
               duration: Style.animationFast
@@ -175,7 +175,7 @@ RowLayout {
           height: 100
           radius: width / 4
 
-          color: decreaseArea.containsMouse ? Color.mHover : Color.transparent
+          color: decreaseArea.containsMouse ? Color.mHover : "transparent"
           Behavior on color {
             ColorAnimation {
               duration: Style.animationFast
@@ -251,7 +251,7 @@ RowLayout {
           height: parent.height
           radius: Math.min(Style.iRadiusL, width / 2)
           anchors.right: parent.right
-          color: increaseArea.containsMouse ? Color.mHover : Color.transparent
+          color: increaseArea.containsMouse ? Color.mHover : "transparent"
           Behavior on color {
             ColorAnimation {
               duration: Style.animationFast
@@ -274,7 +274,7 @@ RowLayout {
           height: 100
           radius: width / 4
 
-          color: increaseArea.containsMouse ? Color.mHover : Color.transparent
+          color: increaseArea.containsMouse ? Color.mHover : "transparent"
           Behavior on color {
             ColorAnimation {
               duration: Style.animationFast
@@ -336,7 +336,7 @@ RowLayout {
       anchors.verticalCenter: parent.verticalCenter
       anchors.margins: 4
       height: parent.height
-      color: Color.transparent
+      color: "transparent"
 
       RowLayout {
         anchors.centerIn: parent

Widgets/NTextInput.qml

@@ -213,8 +213,8 @@ ColumnLayout {
             Layout.alignment: Qt.AlignVCenter
             border.width: 0
 
-            colorBg: Color.transparent
-            colorBgHover: Color.transparent
+            colorBg: "transparent"
+            colorBgHover: "transparent"
             colorFg: Color.mOnSurface
             colorFgHover: Color.mError