Use Color.transparent instead of "transparent"

Modules/Bar/Widgets/ActiveWindow.qml

@@ -358,4 +358,4 @@ Item {
       }
     }
   }
-}
+}

Modules/Bar/Widgets/MediaMini.qml

@@ -385,4 +385,4 @@ Item {
       }
     }
   }
-}
+}

Modules/Bar/Widgets/Taskbar.qml

@@ -60,7 +60,7 @@ Rectangle {
           color: taskbarItem.isActive ? Color.mPrimary : root.color
           border.width: 0
           radius: Math.round(Style.radiusXS * root.scaling)
-          border.color: "transparent"
+          border.color: Color.transparent
           z: -1
 
           IconImage {

Modules/Notification/Notification.qml

@@ -162,7 +162,7 @@ Variants {
               anchors.left: parent.left
               anchors.right: parent.right
               height: 2 * scaling
-              color: "transparent"
+              color: Color.transparent
 
               property real availableWidth: parent.width - (2 * parent.radius)
 

Modules/OSD/OSD.qml

@@ -541,4 +541,4 @@ Variants {
       }
     }
   }
-}
+}

Services/NotificationService.qml

@@ -28,7 +28,7 @@ Singleton {
   PanelWindow {
     implicitHeight: 1
     implicitWidth: 1
-    color: "transparent"
+    color: Color.transparent
     mask: Region {}
 
     Image {

Widgets/NIconPicker.qml

@@ -112,7 +112,7 @@ Popup {
           height: grid.cellHeight
           radius: Style.radiusS * scaling
           clip: true
-          color: (root.selectedIcon === modelData) ? Qt.alpha(Color.mPrimary, 0.15) : "transparent"
+          color: (root.selectedIcon === modelData) ? Qt.alpha(Color.mPrimary, 0.15) : Color.transparent
           border.color: (root.selectedIcon === modelData) ? Color.mPrimary : Qt.rgba(0, 0, 0, 0)
           border.width: (root.selectedIcon === modelData) ? Style.borderS * scaling : 0
 

Widgets/NImageRounded.qml

@@ -66,7 +66,7 @@ Rectangle {
       Rectangle {
         id: background
         anchors.fill: parent
-        color: "transparent"
+        color: Color.transparent
         z: -1
       }
     }