From dbdfbdc746d370a4a9f4b5f323ff9ed5cc9227a1 Mon Sep 17 00:00:00 2001
From: quadbyte <studio@quadbyte.net>
Date: Sun, 17 Aug 2025 05:54:55 -0400
Subject: [PATCH] "transparent" => Color.transparent

---
 Modules/AppLauncher/AppLauncher.qml     |  2 +-
 Modules/Background/Background.qml       |  2 +-
 Modules/Background/Overview.qml         |  2 +-
 Modules/Background/ScreenCorners.qml    |  2 +-
 Modules/Bar/Bar.qml                     |  2 +-
 Modules/Bar/BluetoothMenu.qml           |  2 +-
 Modules/Bar/Tray.qml                    |  2 +-
 Modules/Bar/TrayMenu.qml                | 12 ++++++------
 Modules/Bar/WiFiMenu.qml                |  4 ++--
 Modules/Bar/Workspace.qml               |  2 +-
 Modules/Calendar/Calendar.qml           |  2 +-
 Modules/Dock/Dock.qml                   |  6 +++---
 Modules/LockScreen/LockScreen.qml       | 16 ++++++++--------
 Modules/Notification/Notification.qml   |  2 +-
 Modules/SettingsPanel/SettingsPanel.qml |  2 +-
 Modules/SettingsPanel/Tabs/AboutTab.qml |  4 ++--
 Modules/SidePanel/Cards/MediaCard.qml   |  8 ++++----
 Modules/SidePanel/PowerMenu.qml         | 10 +++++-----
 Widgets/NCircleStat.qml                 |  4 ++--
 Widgets/NClock.qml                      |  2 +-
 Widgets/NComboBox.qml                   |  2 +-
 Widgets/NIconButton.qml                 |  4 ++--
 Widgets/NImageRounded.qml               |  6 +++---
 Widgets/NPanel.qml                      |  4 ++--
 Widgets/NPill.qml                       |  2 +-
 Widgets/NRadioButton.qml                |  2 +-
 Widgets/NTextInput.qml                  |  4 ++--
 Widgets/NTooltip.qml                    |  2 +-
 28 files changed, 57 insertions(+), 57 deletions(-)

diff --git a/Modules/AppLauncher/AppLauncher.qml b/Modules/AppLauncher/AppLauncher.qml
index 31c9b10..4d25076 100644
--- a/Modules/AppLauncher/AppLauncher.qml
+++ b/Modules/AppLauncher/AppLauncher.qml
@@ -374,7 +374,7 @@ NLoader {
                             property bool isSelected: index === selectedIndex
                             color: (appCardArea.containsMouse || isSelected) ? Qt.darker(Color.mPrimary,
                                                                                          1.1) : Color.mSurface
-                            border.color: (appCardArea.containsMouse || isSelected) ? Color.mPrimary : "transparent"
+                            border.color: (appCardArea.containsMouse || isSelected) ? Color.mPrimary : Color.transparent
                             border.width: Math.max(1, (appCardArea.containsMouse
                                                        || isSelected) ? Style.borderMedium * scaling : 0)
 
diff --git a/Modules/Background/Background.qml b/Modules/Background/Background.qml
index c94511b..ea8c721 100644
--- a/Modules/Background/Background.qml
+++ b/Modules/Background/Background.qml
@@ -22,7 +22,7 @@ Variants {
 
       }
     }
-    color: "transparent"
+    color: Color.transparent
     screen: modelData
     WlrLayershell.layer: WlrLayer.Background
     WlrLayershell.exclusionMode: ExclusionMode.Ignore
diff --git a/Modules/Background/Overview.qml b/Modules/Background/Overview.qml
index 01abc29..75a3a95 100644
--- a/Modules/Background/Overview.qml
+++ b/Modules/Background/Overview.qml
@@ -26,7 +26,7 @@ NLoader {
                                        && !Settings.data.wallpaper.swww.enabled ? WallpaperService.currentWallpaper : ""
 
       visible: wallpaperSource !== "" && !Settings.data.wallpaper.swww.enabled
-      color: "transparent"
+      color: Color.transparent
       screen: modelData
       WlrLayershell.layer: WlrLayer.Background
       WlrLayershell.exclusionMode: ExclusionMode.Ignore
diff --git a/Modules/Background/ScreenCorners.qml b/Modules/Background/ScreenCorners.qml
index 185eb77..730d800 100644
--- a/Modules/Background/ScreenCorners.qml
+++ b/Modules/Background/ScreenCorners.qml
@@ -27,7 +27,7 @@ NLoader {
       // Rounded radius for the inner cutout
       property int innerRadius: 20
 
-      color: "transparent"
+      color: Color.transparent
 
       WlrLayershell.exclusionMode: ExclusionMode.Ignore
       WlrLayershell.namespace: "quickshell-corner"
diff --git a/Modules/Bar/Bar.qml b/Modules/Bar/Bar.qml
index a3388a0..8f4b023 100644
--- a/Modules/Bar/Bar.qml
+++ b/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)
diff --git a/Modules/Bar/BluetoothMenu.qml b/Modules/Bar/BluetoothMenu.qml
index bff9ecf..9153de8 100644
--- a/Modules/Bar/BluetoothMenu.qml
+++ b/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
diff --git a/Modules/Bar/Tray.qml b/Modules/Bar/Tray.qml
index 83caea2..4439431 100644
--- a/Modules/Bar/Tray.qml
+++ b/Modules/Bar/Tray.qml
@@ -172,7 +172,7 @@ Item {
 
     Rectangle {
       id: trayMenuRect
-      color: "transparent"
+      color: Color.transparent
       anchors.fill: parent
 
       // Animation properties
diff --git a/Modules/Bar/TrayMenu.qml b/Modules/Bar/TrayMenu.qml
index 5e342b2..50c61c0 100644
--- a/Modules/Bar/TrayMenu.qml
+++ b/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
diff --git a/Modules/Bar/WiFiMenu.qml b/Modules/Bar/WiFiMenu.qml
index d16c020..71c02fe 100644
--- a/Modules/Bar/WiFiMenu.qml
+++ b/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)
 
diff --git a/Modules/Bar/Workspace.qml b/Modules/Bar/Workspace.qml
index c967f36..d077bc1 100644
--- a/Modules/Bar/Workspace.qml
+++ b/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
diff --git a/Modules/Calendar/Calendar.qml b/Modules/Calendar/Calendar.qml
index b620964..ac99390 100644
--- a/Modules/Calendar/Calendar.qml
+++ b/Modules/Calendar/Calendar.qml
@@ -211,7 +211,7 @@ NLoader {
               width: (Style.baseWidgetSize * scaling)
               height: (Style.baseWidgetSize * scaling)
               radius: Style.radiusSmall * scaling
-              color: model.today ? Color.mPrimary : "transparent"
+              color: model.today ? Color.mPrimary : Color.transparent
 
               NText {
                 anchors.centerIn: parent
diff --git a/Modules/Dock/Dock.qml b/Modules/Dock/Dock.qml
index d873002..a47fff9 100644
--- a/Modules/Dock/Dock.qml
+++ b/Modules/Dock/Dock.qml
@@ -46,7 +46,7 @@ NLoader {
         anchors.left: true
         anchors.right: true
         focusable: false
-        color: "transparent"
+        color: Color.transparent
         implicitHeight: iconSize * 1.4 * scaling
 
         // Watch for autoHide setting changes
@@ -182,7 +182,7 @@ NLoader {
                   id: appButton
                   width: iconSize * scaling
                   height: iconSize * scaling
-                  color: "transparent"
+                  color: Color.transparent
                   radius: Style.radiusMedium * scaling
 
                   property bool isActive: ToplevelManager.activeToplevel && ToplevelManager.activeToplevel === modelData
@@ -194,7 +194,7 @@ NLoader {
                   Rectangle {
                     id: hoverBackground
                     anchors.fill: parent
-                    color: appButton.hovered ? Color.mSurfaceVariant : "transparent"
+                    color: appButton.hovered ? Color.mSurfaceVariant : Color.transparent
                     radius: parent.radius
                     opacity: appButton.hovered ? 0.8 : 0
 
diff --git a/Modules/LockScreen/LockScreen.qml b/Modules/LockScreen/LockScreen.qml
index 47d965c..4e88187 100644
--- a/Modules/LockScreen/LockScreen.qml
+++ b/Modules/LockScreen/LockScreen.qml
@@ -146,7 +146,7 @@ WlSessionLock {
     // Blurred background
     Rectangle {
       anchors.fill: parent
-      color: "transparent"
+      color: Color.transparent
 
       // Simple blur effect
       layer.enabled: true
@@ -266,7 +266,7 @@ WlSessionLock {
             width: 120 * scaling
             height: 120 * scaling
             radius: width * 0.5
-            color: "transparent"
+            color: Color.transparent
             border.color: Color.mPrimary
             border.width: Math.max(1, Style.borderThick * scaling)
             anchors.horizontalCenter: parent.horizontalCenter
@@ -277,7 +277,7 @@ WlSessionLock {
               width: parent.width + 24 * scaling
               height: parent.height + 24 * scaling
               radius: width * 0.5
-              color: "transparent"
+              color: Color.transparent
               border.color: Qt.rgba(Color.mPrimary.r, Color.mPrimary.g, Color.mPrimary.b, 0.3)
               border.width: Math.max(1, Style.borderMedium * scaling)
               z: -1
@@ -572,7 +572,7 @@ WlSessionLock {
                 // Status messages
                 Text {
                   text: lock.authenticating ? "Authenticating..." : (lock.errorMessage !== "" ? "Authentication failed." : "")
-                  color: lock.authenticating ? Color.mPrimary : (lock.errorMessage !== "" ? Color.mError : "transparent")
+                  color: lock.authenticating ? Color.mPrimary : (lock.errorMessage !== "" ? Color.mError : Color.transparent)
                   font.family: "DejaVu Sans Mono"
                   font.pointSize: Style.fontSizeLarge
                   Layout.fillWidth: true
@@ -659,7 +659,7 @@ WlSessionLock {
               Rectangle {
                 anchors.fill: parent
                 radius: parent.radius
-                color: "transparent"
+                color: Color.transparent
                 border.color: Color.applyOpacity(Color.mPrimary, "4D")
                 border.width: Math.max(1, Style.borderThin * scaling)
                 z: -1
@@ -706,7 +706,7 @@ WlSessionLock {
           width: parent.width + 10 * scaling
           height: parent.height + 10 * scaling
           radius: width * 0.5
-          color: "transparent"
+          color: Color.transparent
           border.color: Qt.rgba(Color.mError.r, Color.mError.g, Color.mError.b, 0.3)
           border.width: Math.max(1, Style.borderMedium * scaling)
           opacity: shutdownArea.containsMouse ? 1 : 0
@@ -763,7 +763,7 @@ WlSessionLock {
           width: parent.width + 10 * scaling
           height: parent.height + 10 * scaling
           radius: width * 0.5
-          color: "transparent"
+          color: Color.transparent
           border.color: Qt.rgba(Color.mPrimary.r, Color.mPrimary.g, Color.mPrimary.b, 0.3)
           border.width: Math.max(1, Style.borderMedium * scaling)
           opacity: rebootArea.containsMouse ? 1 : 0
@@ -819,7 +819,7 @@ WlSessionLock {
           width: parent.width + 10 * scaling
           height: parent.height + 10 * scaling
           radius: width * 0.5
-          color: "transparent"
+          color: Color.transparent
           border.color: Qt.rgba(Color.mSecondary.r, Color.mSecondary.g, Color.mSecondary.b, 0.3)
           border.width: Math.max(1, Style.borderMedium * scaling)
           opacity: logoutArea.containsMouse ? 1 : 0
diff --git a/Modules/Notification/Notification.qml b/Modules/Notification/Notification.qml
index 5b2dd24..f2e085c 100644
--- a/Modules/Notification/Notification.qml
+++ b/Modules/Notification/Notification.qml
@@ -25,7 +25,7 @@ Variants {
     // Track notifications being removed for animation
     property var removingNotifications: ({})
 
-    color: "transparent"
+    color: Color.transparent
 
     // If no notification display activated in settings, then show them all
     visible: modelData ? (Settings.data.notifications.monitors.includes(modelData.name)
diff --git a/Modules/SettingsPanel/SettingsPanel.qml b/Modules/SettingsPanel/SettingsPanel.qml
index 4e980ce..62a0d24 100644
--- a/Modules/SettingsPanel/SettingsPanel.qml
+++ b/Modules/SettingsPanel/SettingsPanel.qml
@@ -265,7 +265,7 @@ NLoader {
                   width: parent.width
                   height: 32 * scaling
                   radius: Style.radiusSmall * scaling
-                  color: selected ? Color.mPrimary : (tabItem.hovering ? Color.mTertiary : "transparent")
+                  color: selected ? Color.mPrimary : (tabItem.hovering ? Color.mTertiary : Color.transparent)
                   readonly property bool selected: index === currentTabIndex
                   property bool hovering: false
                   property color tabTextColor: selected ? Color.mOnPrimary : (tabItem.hovering ? Color.mOnTertiary : Color.mOnSurface)
diff --git a/Modules/SettingsPanel/Tabs/AboutTab.qml b/Modules/SettingsPanel/Tabs/AboutTab.qml
index 811a406..c902c87 100644
--- a/Modules/SettingsPanel/Tabs/AboutTab.qml
+++ b/Modules/SettingsPanel/Tabs/AboutTab.qml
@@ -110,7 +110,7 @@ ColumnLayout {
         Layout.preferredWidth: updateText.implicitWidth + 46 * scaling
         Layout.preferredHeight: Style.barHeight * scaling
         radius: Style.radiusLarge * scaling
-        color: updateArea.containsMouse ? Color.mPrimary : "transparent"
+        color: updateArea.containsMouse ? Color.mPrimary : Color.transparent
         border.color: Color.mPrimary
         border.width: Math.max(1, Style.borderThin * scaling)
         visible: {
@@ -200,7 +200,7 @@ ColumnLayout {
             width: contributorsGrid.cellWidth - Style.marginLarge * scaling
             height: contributorsGrid.cellHeight - Style.marginTiny * scaling
             radius: Style.radiusLarge * scaling
-            color: contributorArea.containsMouse ? Color.mTertiary : "transparent"
+            color: contributorArea.containsMouse ? Color.mTertiary : Color.transparent
 
             RowLayout {
               anchors.fill: parent
diff --git a/Modules/SidePanel/Cards/MediaCard.qml b/Modules/SidePanel/Cards/MediaCard.qml
index aee2166..df02609 100644
--- a/Modules/SidePanel/Cards/MediaCard.qml
+++ b/Modules/SidePanel/Cards/MediaCard.qml
@@ -76,7 +76,7 @@ NBox {
           visible: false
           // implicitWidth: 120 * scaling
           // implicitHeight: 30 * scaling
-          color: "transparent"
+          color: Color.transparent
           border.color: playerSelector.activeFocus ? Color.mTertiary : Color.mOutline
           border.width: Math.max(1, Style.borderThin * scaling)
           radius: Style.radiusMedium * scaling
@@ -140,7 +140,7 @@ NBox {
 
           background: Rectangle {
             width: popup.width - Style.marginSmall * scaling * 2
-            color: highlighted ? Color.mTertiary : "transparent"
+            color: highlighted ? Color.mTertiary : Color.transparent
             radius: Style.radiusTiny * scaling
           }
         }
@@ -161,8 +161,8 @@ NBox {
           width: 90 * scaling
           height: 90 * scaling
           radius: width * 0.5
-          color: trackArt.visible ? Color.mPrimary : "transparent"
-          border.color: trackArt.visible ? Color.mOutline : "transparent"
+          color: trackArt.visible ? Color.mPrimary : Color.transparent
+          border.color: trackArt.visible ? Color.mOutline : Color.transparent
           border.width: Math.max(1, Style.borderThin * scaling)
           clip: true
 
diff --git a/Modules/SidePanel/PowerMenu.qml b/Modules/SidePanel/PowerMenu.qml
index 02d6ed9..35c5c1b 100644
--- a/Modules/SidePanel/PowerMenu.qml
+++ b/Modules/SidePanel/PowerMenu.qml
@@ -57,7 +57,7 @@ NPanel {
         Layout.fillWidth: true
         Layout.preferredHeight: Style.barHeight * scaling
         radius: Style.radiusSmall * scaling
-        color: lockButtonArea.containsMouse ? Color.mTertiary : "transparent"
+        color: lockButtonArea.containsMouse ? Color.mTertiary : Color.transparent
 
         Item {
           anchors.left: parent.left
@@ -117,7 +117,7 @@ NPanel {
         Layout.fillWidth: true
         Layout.preferredHeight: Style.barHeight * scaling
         radius: Style.radiusSmall * scaling
-        color: suspendButtonArea.containsMouse ? Color.mTertiary : "transparent"
+        color: suspendButtonArea.containsMouse ? Color.mTertiary : Color.transparent
 
         Item {
           anchors.left: parent.left
@@ -175,7 +175,7 @@ NPanel {
         Layout.fillWidth: true
         Layout.preferredHeight: Style.barHeight * scaling
         radius: Style.radiusSmall * scaling
-        color: rebootButtonArea.containsMouse ? Color.mTertiary : "transparent"
+        color: rebootButtonArea.containsMouse ? Color.mTertiary : Color.transparent
 
         Item {
           anchors.left: parent.left
@@ -233,7 +233,7 @@ NPanel {
         Layout.fillWidth: true
         Layout.preferredHeight: Style.barHeight * scaling
         radius: Style.radiusSmall * scaling
-        color: logoutButtonArea.containsMouse ? Color.mTertiary : "transparent"
+        color: logoutButtonArea.containsMouse ? Color.mTertiary : Color.transparent
 
         Item {
           anchors.left: parent.left
@@ -291,7 +291,7 @@ NPanel {
         Layout.fillWidth: true
         Layout.preferredHeight: Style.barHeight * scaling
         radius: Style.radiusSmall * scaling
-        color: shutdownButtonArea.containsMouse ? Color.mTertiary : "transparent"
+        color: shutdownButtonArea.containsMouse ? Color.mTertiary : Color.transparent
 
         Item {
           anchors.left: parent.left
diff --git a/Widgets/NCircleStat.qml b/Widgets/NCircleStat.qml
index cc33052..a406649 100644
--- a/Widgets/NCircleStat.qml
+++ b/Widgets/NCircleStat.qml
@@ -18,9 +18,9 @@ Rectangle {
 
   width: 68 * scaling
   height: 92 * scaling
-  color: flat ? "transparent" : Color.mSurface
+  color: flat ? Color.transparent : Color.mSurface
   radius: Style.radiusSmall * scaling
-  border.color: flat ? "transparent" : Color.mSurfaceVariant
+  border.color: flat ? Color.transparent : Color.mSurfaceVariant
   border.width: flat ? 0 : Math.max(1, Style.borderThin * scaling)
   clip: true
 
diff --git a/Widgets/NClock.qml b/Widgets/NClock.qml
index b46a0c5..f1c0a9b 100644
--- a/Widgets/NClock.qml
+++ b/Widgets/NClock.qml
@@ -12,7 +12,7 @@ Rectangle {
 
   width: textItem.paintedWidth
   height: textItem.paintedHeight
-  color: "transparent"
+  color: Color.transparent
 
   NText {
     id: textItem
diff --git a/Widgets/NComboBox.qml b/Widgets/NComboBox.qml
index 671289e..85c6b7d 100644
--- a/Widgets/NComboBox.qml
+++ b/Widgets/NComboBox.qml
@@ -125,7 +125,7 @@ ColumnLayout {
 
           background: Rectangle {
             width: combo.width - Style.marginMedium * scaling * 3
-            color: highlighted ? Color.mTertiary : "transparent"
+            color: highlighted ? Color.mTertiary : Color.transparent
             radius: Style.radiusSmall * scaling
           }
         }
diff --git a/Widgets/NIconButton.qml b/Widgets/NIconButton.qml
index 2d4b3e8..13b4247 100644
--- a/Widgets/NIconButton.qml
+++ b/Widgets/NIconButton.qml
@@ -26,9 +26,9 @@ Rectangle {
   implicitWidth: size
   implicitHeight: size
 
-  color: (root.hovering || showFilled) ? Color.mPrimary : "transparent"
+  color: (root.hovering || showFilled) ? Color.mPrimary : Color.transparent
   radius: width * 0.5
-  border.color: showBorder ? Color.mPrimary : "transparent"
+  border.color: showBorder ? Color.mPrimary : Color.transparent
   border.width: Math.max(1, Style.borderThin * scaling)
 
   NText {
diff --git a/Widgets/NImageRounded.qml b/Widgets/NImageRounded.qml
index edf3b2b..632e73f 100644
--- a/Widgets/NImageRounded.qml
+++ b/Widgets/NImageRounded.qml
@@ -7,13 +7,13 @@ import qs.Services
 
 Rectangle {
   id: root
-  color: "transparent"
+  color: Color.transparent
   property real imageRadius: width * 0.5
   radius: imageRadius
 
   property string imagePath: ""
   property string fallbackIcon: ""
-  property color borderColor: "transparent"
+  property color borderColor: Color.transparent
   property real borderWidth: 0
 
   anchors.margins: Style.marginTiniest * scaling
@@ -22,7 +22,7 @@ Rectangle {
   Rectangle {
     anchors.fill: parent
     radius: parent.radius
-    color: "transparent"
+    color: Color.transparent
     border.color: parent.borderColor
     border.width: parent.borderWidth
     z: 10
diff --git a/Widgets/NPanel.qml b/Widgets/NPanel.qml
index 7fb636b..5717964 100644
--- a/Widgets/NPanel.qml
+++ b/Widgets/NPanel.qml
@@ -12,7 +12,7 @@ PanelWindow {
   property bool showOverlay: Settings.data.general.dimDesktop
   property int topMargin: Style.barHeight * scaling
   // Show dimming if this panel is opened OR if we're in a transition (to prevent flickering)
-  property color overlayColor: (showOverlay && (PanelService.openedPanel === root || isTransitioning)) ? Color.applyOpacity(Color.mShadow, "AA") : "transparent"
+  property color overlayColor: (showOverlay && (PanelService.openedPanel === root || isTransitioning)) ? Color.applyOpacity(Color.mShadow, "AA") : Color.transparent
   property bool isTransitioning: false
   signal dismissed
 
@@ -49,7 +49,7 @@ PanelWindow {
 
   implicitWidth: screen.width
   implicitHeight: screen.height
-  color: visible ? overlayColor : "transparent"
+  color: visible ? overlayColor : Color.transparent
   visible: false
   WlrLayershell.exclusionMode: ExclusionMode.Ignore
 
diff --git a/Widgets/NPill.qml b/Widgets/NPill.qml
index b5ce985..403029c 100644
--- a/Widgets/NPill.qml
+++ b/Widgets/NPill.qml
@@ -80,7 +80,7 @@ Item {
     width: iconSize
     height: iconSize
     radius: width * 0.5
-    color: showPill ? iconCircleColor : "transparent"
+    color: showPill ? iconCircleColor : Color.transparent
     anchors.verticalCenter: parent.verticalCenter
     anchors.right: parent.right
 
diff --git a/Widgets/NRadioButton.qml b/Widgets/NRadioButton.qml
index b3c92cf..369f7e0 100644
--- a/Widgets/NRadioButton.qml
+++ b/Widgets/NRadioButton.qml
@@ -13,7 +13,7 @@ RadioButton {
     implicitWidth: Style.baseWidgetSize * 0.625 * scaling
     implicitHeight: Style.baseWidgetSize * 0.625 * scaling
     radius: width * 0.5
-    color: "transparent"
+    color: Color.transparent
     border.color: root.checked ? Color.mPrimary : Color.mOnSurface
     border.width: Math.max(1, Style.borderMedium * scaling)
     anchors.verticalCenter: parent.verticalCenter
diff --git a/Widgets/NTextInput.qml b/Widgets/NTextInput.qml
index 7441001..5064c47 100644
--- a/Widgets/NTextInput.qml
+++ b/Widgets/NTextInput.qml
@@ -55,8 +55,8 @@ Item {
       Rectangle {
         anchors.fill: parent
         radius: frame.radius
-        color: "transparent"
-        border.color: input.activeFocus ? Color.mTertiary : "transparent"
+        color: Color.transparent
+        border.color: input.activeFocus ? Color.mTertiary : Color.transparent
         border.width: input.activeFocus ? Math.max(1, Style.borderThin * scaling) : 0
       }
 
diff --git a/Widgets/NTooltip.qml b/Widgets/NTooltip.qml
index 2d02be9..9e7eb68 100644
--- a/Widgets/NTooltip.qml
+++ b/Widgets/NTooltip.qml
@@ -12,7 +12,7 @@ Window {
   property bool positionAbove: false
 
   flags: Qt.ToolTip | Qt.FramelessWindowHint | Qt.WindowStaysOnTopHint
-  color: "transparent"
+  color: Color.transparent
   visible: false
 
   onIsVisibleChanged: {