"transparent" => Color.transparent

Modules/Bar/Bar.qml

@@ -18,7 +18,7 @@ Variants {
     screen: modelData
 
     implicitHeight: Style.barHeight * scaling
-    color: "transparent"
+    color: Color.transparent
 
     // If no bar activated in settings, then show them all
     visible: modelData ? (Settings.data.bar.monitors.includes(modelData.name)

Modules/Bar/BluetoothMenu.qml

@@ -271,7 +271,7 @@ NLoader {
                 Rectangle {
                   anchors.fill: parent
                   radius: Style.radiusMedium * scaling
-                  color: modelData.device.connected ? Color.mPrimary : (deviceMouseArea.containsMouse ? Color.mTertiary : "transparent")
+                  color: modelData.device.connected ? Color.mPrimary : (deviceMouseArea.containsMouse ? Color.mTertiary : Color.transparent)
 
                   RowLayout {
                     anchors.fill: parent

Modules/Bar/Tray.qml

@@ -172,7 +172,7 @@ Item {
 
     Rectangle {
       id: trayMenuRect
-      color: "transparent"
+      color: Color.transparent
       anchors.fill: parent
 
       // Animation properties

Modules/Bar/TrayMenu.qml

@@ -17,7 +17,7 @@ PopupWindow {
   implicitWidth: Style.baseWidgetSize * 5.625 * scaling
   implicitHeight: Math.max(60 * scaling, listView.contentHeight + (Style.marginMedium * 2 * scaling))
   visible: false
-  color: "transparent"
+  color: Color.transparent
 
   anchor.item: anchorItem ? anchorItem : null
   anchor.rect.x: anchorX
@@ -99,7 +99,7 @@ PopupWindow {
 
       width: listView.width
       height: (modelData?.isSeparator) ? 8 * scaling : Math.max(32 * scaling, text.height + 8)
-      color: "transparent"
+      color: Color.transparent
 
       property var subMenu: null
 
@@ -112,7 +112,7 @@ PopupWindow {
       Rectangle {
         id: bg
         anchors.fill: parent
-        color: mouseArea.containsMouse ? Color.mTertiary : "transparent"
+        color: mouseArea.containsMouse ? Color.mTertiary : Color.transparent
         radius: Style.radiusSmall * scaling
         visible: !(modelData?.isSeparator ?? false)
 
@@ -254,7 +254,7 @@ PopupWindow {
       implicitWidth: Style.baseWidgetSize * 5.625 * scaling
       implicitHeight: Math.max(40, listView.contentHeight + 12)
       visible: false
-      color: "transparent"
+      color: Color.transparent
 
       property QsMenuHandle menu
       property var anchorItem: null
@@ -334,7 +334,7 @@ PopupWindow {
 
           width: listView.width
           height: (modelData?.isSeparator) ? 8 * scaling : Math.max(32 * scaling, subText.height + 8)
-          color: "transparent"
+          color: Color.transparent
 
           property var subMenu: null
 
@@ -347,7 +347,7 @@ PopupWindow {
           Rectangle {
             id: bg
             anchors.fill: parent
-            color: mouseArea.containsMouse ? Color.mTertiary : "transparent"
+            color: mouseArea.containsMouse ? Color.mTertiary : Color.transparent
             radius: Style.radiusSmall * scaling
             visible: !(modelData?.isSeparator ?? false)
             property color hoverTextColor: mouseArea.containsMouse ? Color.mOnSurface : Color.mOnSurface

Modules/Bar/WiFiMenu.qml

@@ -243,7 +243,7 @@ NLoader {
                     Layout.fillWidth: true
                     Layout.preferredHeight: Style.baseWidgetSize * 1.5 * scaling
                     radius: Style.radiusMedium * scaling
-                    color: modelData.connected ? Color.mPrimary : (networkMouseArea.containsMouse ? Color.mTertiary : "transparent")
+                    color: modelData.connected ? Color.mPrimary : (networkMouseArea.containsMouse ? Color.mTertiary : Color.transparent)
 
                     RowLayout {
                       anchors.fill: parent
@@ -377,7 +377,7 @@ NLoader {
                         Rectangle {
                           anchors.fill: parent
                           radius: Style.radiusTiny * scaling
-                          color: "transparent"
+                          color: Color.transparent
                           border.color: passwordInputField.activeFocus ? Color.mPrimary : Color.mOutline
                           border.width: Math.max(1, Style.borderThin * scaling)
 

Modules/Bar/Workspace.qml

@@ -244,7 +244,7 @@ Item {
           width: workspacePillContainer.width + 18 * root.masterProgress * scale
           height: workspacePillContainer.height + 18 * root.masterProgress * scale
           radius: width / 2
-          color: "transparent"
+          color: Color.transparent
           border.color: root.effectColor
           border.width: Math.max(1, Math.round((2 + 6 * (1.0 - root.masterProgress)) * scaling))
           opacity: root.effectsActive && model.isFocused ? (1.0 - root.masterProgress) * 0.7 : 0