Theme: getColor/alphaColor access updated

micieslak · micieslak · commit c1b54b0ef48e · 2025-11-25T12:28:18.000+01:00
diff --git a/storybook/pages/StatusBlockProgressBarPage.qml b/storybook/pages/StatusBlockProgressBarPage.qml
@@ -61,7 +61,7 @@ SplitView {
                 id: darkMode
                 text: "Dark Mode"
                 checked: false
-                onCheckedChanged: rect.color = Theme.palette.getColor('graphite3')
+                onCheckedChanged: rect.color = StatusColors.getColor('graphite3')
             }
         }
     }
diff --git a/ui/StatusQ/src/StatusQ/Components/StatusDraggableListItem.qml b/ui/StatusQ/src/StatusQ/Components/StatusDraggableListItem.qml
@@ -288,7 +288,7 @@ AbstractButton {
 
     background: Rectangle {
         implicitHeight: 76 // ProfileUtils.defaultDelegateHeight
-        color: root.changeColorOnDragActive && root.drawBackgroundBorder ? Theme.palette.alphaColor(Theme.palette.baseColor2, 0.7) : root.bgColor
+        color: root.changeColorOnDragActive && root.drawBackgroundBorder ? StatusColors.alphaColor(Theme.palette.baseColor2, 0.7) : root.bgColor
         border.width: root.drawBackgroundBorder ? 1 : 0
         border.color: Theme.palette.baseColor2
         radius: root.drawBackgroundBorder ? Theme.radius : 0
diff --git a/ui/StatusQ/src/StatusQ/Components/StatusToastMessage.qml b/ui/StatusQ/src/StatusQ/Components/StatusToastMessage.qml
@@ -201,7 +201,7 @@ Control {
         readonly property string iconBgColor: {
             // If specified:
             if(root.iconColor != "")
-                return Theme.palette.getColor(root.iconColor, 0.1)
+                return StatusColors.getColor(root.iconColor, 0.1)
 
             // If not specified
             switch(root.type) {
diff --git a/ui/StatusQ/src/StatusQ/Controls/StatusColorAnimation.qml b/ui/StatusQ/src/StatusQ/Controls/StatusColorAnimation.qml
@@ -38,7 +38,7 @@ SequentialAnimation {
     required property var target
     property string targetProperty: "color"
     property color fromColor: Theme.palette.directColor1
-    property color toColor: Theme.palette.getColor(fromColor, 0.1)
+    property color toColor: StatusColors.getColor(fromColor, 0.1)
     property int duration: 500 // in milliseconds
 
     loops: 3
diff --git a/ui/StatusQ/src/StatusQ/Controls/StatusFeeOption.qml b/ui/StatusQ/src/StatusQ/Controls/StatusFeeOption.qml
@@ -105,7 +105,7 @@ Control {
             }
 
             if (root.selected) {
-                return Theme.palette.alphaColor(Theme.palette.baseColor2, 0.1)
+                return StatusColors.alphaColor(Theme.palette.baseColor2, 0.1)
             }
 
             return Theme.palette.statusAppLayout.backgroundColor
diff --git a/ui/app/AppLayouts/ActivityCenter/views/ActivityNotificationTransferOwnership.qml b/ui/app/AppLayouts/ActivityCenter/views/ActivityNotificationTransferOwnership.qml
@@ -114,7 +114,7 @@ ActivityNotificationBase {
                 info: qsTr("To finalise your ownership of the %1 Community, make your device the control node").arg(root.communityName)
                 ctaText: qsTr("Finalise ownership")
                 assetColor: root.communityColor
-                assetBgColor: Theme.palette.getColor(d.assetColor, 0.1)
+                assetBgColor: StatusColors.getColor(d.assetColor, 0.1)
                 assetName: d.crownAssetName
                 actionSourceComponent: ctaLinkBtnComponent
             }
@@ -127,7 +127,7 @@ ActivityNotificationBase {
                 info: qsTr("To finalise your ownership of the %1 Community, make your device the control node").arg(root.communityName)
                 ctaText: qsTr("Ownership Declined")
                 assetColor: root.communityColor
-                assetBgColor: Theme.palette.getColor(d.assetColor, 0.1)
+                assetBgColor: StatusColors.getColor(d.assetColor, 0.1)
                 assetName: d.crownAssetName
                 actionSourceComponent: ctaTextComponent
             }
@@ -140,7 +140,7 @@ ActivityNotificationBase {
                 info: qsTr("Congratulations, you are now the official owner of the %1 Community with full admin rights").arg(root.communityName)
                 ctaText: qsTr("Community admin")
                 assetColor: root.communityColor
-                assetBgColor: Theme.palette.getColor(d.assetColor, 0.1)
+                assetBgColor: StatusColors.getColor(d.assetColor, 0.1)
                 assetName: d.crownAssetName
                 actionSourceComponent: ctaLinkBtnComponent
             }
diff --git a/ui/app/AppLayouts/Chat/panels/ChatAnchorButtonsPanel.qml b/ui/app/AppLayouts/Chat/panels/ChatAnchorButtonsPanel.qml
@@ -47,7 +47,7 @@ Item {
         layer.effect: DropShadow {
             samples: 16
             cached: true
-            color: Theme.palette.alphaColor(Theme.palette.directColor1, 0.16)
+            color: StatusColors.alphaColor(Theme.palette.directColor1, 0.16)
         }
     }
 
diff --git a/ui/app/AppLayouts/Communities/controls/AddressesInputList.qml b/ui/app/AppLayouts/Communities/controls/AddressesInputList.qml
@@ -91,7 +91,7 @@ Control {
                 PropertyChanges {
                     target: delegate
 
-                    color: Theme.palette.alphaColor(
+                    color: StatusColors.alphaColor(
                                Theme.palette.dangerColor1, 0.05)
                 }
 
diff --git a/ui/app/AppLayouts/Communities/controls/IssuePill.qml b/ui/app/AppLayouts/Communities/controls/IssuePill.qml
@@ -61,9 +61,9 @@ Control {
     background: Rectangle {
         id: background
         radius: 100
-        color: Theme.palette.alphaColor(root.baseColor, 0.03)
+        color: StatusColors.alphaColor(root.baseColor, 0.03)
         border.width: 1
-        border.color: Theme.palette.alphaColor(root.baseColor, 0.3)
+        border.color: StatusColors.alphaColor(root.baseColor, 0.3)
     }
 
     contentItem: RowLayout {
diff --git a/ui/app/AppLayouts/Communities/panels/OverviewSettingsChart.qml b/ui/app/AppLayouts/Communities/panels/OverviewSettingsChart.qml
@@ -38,7 +38,7 @@ StatusChartPanel {
 
         //visual properties
         readonly property string baseColor1: Theme.palette.baseColor1
-        readonly property string twentyPercentBaseColor1: Theme.palette.alphaColor(baseColor1, 0.2)
+        readonly property string twentyPercentBaseColor1: StatusColors.alphaColor(baseColor1, 0.2)
         readonly property string barColor: Theme.palette.primaryColor2
         readonly property string barBorderColor: Theme.palette.primaryColor1
     
diff --git a/ui/app/AppLayouts/Communities/panels/OverviewSettingsFooter.qml b/ui/app/AppLayouts/Communities/panels/OverviewSettingsFooter.qml
@@ -113,7 +113,7 @@ Control {
         State {
             name: "isPendingOwnershipRequest"
             when: root.isPendingOwnershipRequest
-            PropertyChanges { target: d; indicatorBgColor: Theme.palette.alphaColor(root.communityColor, 0.1) }
+            PropertyChanges { target: d; indicatorBgColor: StatusColors.alphaColor(root.communityColor, 0.1) }
             PropertyChanges { target: d; indicatorColor: root.communityColor }
             PropertyChanges { target: d; paragraphTitle: qsTr("Finalise your ownership of the %1 Community").arg(root.communityName) }
             PropertyChanges { target: d; paragraphSubtitle: qsTr("You currently hodl the Owner token for %1. Make your device the control node to finalise ownership.").arg(root.communityName) }
diff --git a/ui/app/AppLayouts/Communities/panels/TokenHoldersList.qml b/ui/app/AppLayouts/Communities/panels/TokenHoldersList.qml
@@ -204,7 +204,7 @@ Item {
                         asset.name: model.imageSource
                         asset.isImage: true
                         asset.isLetterIdenticon: !asset.name
-                        asset.color: Theme.palette.getColor("red2")
+                        asset.color: StatusColors.getColor("red2")
                     }
 
                     TokenHolderNumberCell {
diff --git a/ui/app/AppLayouts/Profile/controls/ShowcaseDelegate.qml b/ui/app/AppLayouts/Profile/controls/ShowcaseDelegate.qml
@@ -48,7 +48,7 @@ StatusDraggableListItem {
     topInset: 0
     bottomInset: 0
     changeColorOnDragActive: false
-    bgColor: Theme.palette.getColor(Theme.palette.statusAppLayout.rightPanelBackgroundColor, 0.7)
+    bgColor: StatusColors.getColor(Theme.palette.statusAppLayout.rightPanelBackgroundColor, 0.7)
 
     icon.width: 40
     icon.height: 40
diff --git a/ui/app/AppLayouts/Profile/panels/ProfileShowcasePanel.qml b/ui/app/AppLayouts/Profile/panels/ProfileShowcasePanel.qml
@@ -357,7 +357,7 @@ DoubleFlickableWithFolding {
         background: Rectangle {
             id: shapeWrapper
 
-            color: dropArea.containsDrag ? Theme.palette.primaryColor3 : Theme.palette.getColor(Theme.palette.baseColor4, 0.7)
+            color: dropArea.containsDrag ? Theme.palette.primaryColor3 : StatusColors.getColor(Theme.palette.baseColor4, 0.7)
             radius: Theme.radius
             
             ShapeRectangle {
diff --git a/ui/app/AppLayouts/Wallet/controls/AccountHeaderGradient.qml b/ui/app/AppLayouts/Wallet/controls/AccountHeaderGradient.qml
@@ -20,7 +20,7 @@ Control {
             id: singleAccountGradient
             Rectangle {
                 gradient: Gradient {
-                    GradientStop { position: 0.0; color: overview && overview.colorId ? Theme.palette.alphaColor(Utils.getColorForId(overview.colorId), 0.1) : "" }
+                    GradientStop { position: 0.0; color: overview && overview.colorId ? StatusColors.alphaColor(Utils.getColorForId(overview.colorId), 0.1) : "" }
                     GradientStop { position: 1.0; color: "transparent" }
                 }
             }
@@ -39,7 +39,7 @@ Control {
                         let gap =  1/splitWords.length
                         let startPosition = gap
                         for (const word of splitWords) {
-                            stops.push(stopComponent.createObject(base, {"position":startPosition, "color": Theme.palette.alphaColor(Utils.getColorForId(word), 0.1)}))
+                            stops.push(stopComponent.createObject(base, {"position":startPosition, "color": StatusColors.alphaColor(Utils.getColorForId(word), 0.1)}))
                             startPosition += gap
                         }
                         gradient.stops = stops
diff --git a/ui/app/AppLayouts/Wallet/panels/StickySendModalHeader.qml b/ui/app/AppLayouts/Wallet/panels/StickySendModalHeader.qml
@@ -130,7 +130,7 @@ Control {
             Rectangle {
                 id: foregroundRect
                 anchors.fill: parent
-                color: root.implicitHeight > d.bottomMargin ? Theme.palette.alphaColor(Theme.palette.baseColor3, 0.85) : Theme.palette.transparent
+                color: root.implicitHeight > d.bottomMargin ? StatusColors.alphaColor(Theme.palette.baseColor3, 0.85) : Theme.palette.transparent
                 radius: 8
 
                 // cover for the bottom rounded corners
@@ -156,7 +156,7 @@ Control {
                 horizontalOffset: 0
                 verticalOffset: 5
                 samples: 24
-                color: Theme.palette.alphaColor(Theme.palette.dropShadow, 0.06)
+                color: StatusColors.alphaColor(Theme.palette.dropShadow, 0.06)
             }
         }
     }
diff --git a/ui/app/AppLayouts/Wallet/views/SendModalFooter.qml b/ui/app/AppLayouts/Wallet/views/SendModalFooter.qml
@@ -68,7 +68,7 @@ StatusDialogFooter {
             anchors.fill: parent
             Rectangle {
                 anchors.fill: parent
-                color: !!root.blurSource ? Theme.palette.alphaColor(root.color, 0.85) : root.color
+                color: !!root.blurSource ? StatusColors.alphaColor(root.color, 0.85) : root.color
                 radius: 8
 
                 // cover for the bottom rounded corners
@@ -94,7 +94,7 @@ StatusDialogFooter {
                 horizontalOffset: 0
                 verticalOffset: -3
                 samples: 24
-                color: Theme.palette.alphaColor(Theme.palette.dropShadow, 0.06)
+                color: StatusColors.alphaColor(Theme.palette.dropShadow, 0.06)
             }
 
             StatusDialogDivider {
diff --git a/ui/imports/shared/panels/ModuleWarning.qml b/ui/imports/shared/panels/ModuleWarning.qml
@@ -238,7 +238,7 @@ Item {
                     radius: 4
                     border.width: 1
                     border.color: Theme.palette.indirectColor3
-                    color: Theme.palette.getColor("white", button.hovered ? 0.4 : 0.1)
+                    color: StatusColors.getColor("white", button.hovered ? 0.4 : 0.1)
                 }
                 HoverHandler {
                     cursorShape: Qt.PointingHandCursor
diff --git a/ui/imports/shared/popups/addaccount/panels/DerivationPathInput.qml b/ui/imports/shared/popups/addaccount/panels/DerivationPathInput.qml
@@ -87,7 +87,7 @@ Item {
         id: controller
 
         enabledColor: root.enabled ? Theme.palette.directColor1 : Theme.palette.baseColor1
-        frozenColor: Theme.palette.getColor('grey5')
+        frozenColor: StatusColors.getColor('grey5')
         errorColor: Theme.palette.dangerColor1
         warningColor: Theme.palette.warningColor1
         complainTooBigAccIndex: d.detectedStandardBasePath
diff --git a/ui/imports/shared/popups/walletconnect/ConnectionStatusTag.qml b/ui/imports/shared/popups/walletconnect/ConnectionStatusTag.qml
@@ -14,7 +14,7 @@ InformationTag {
     tagPrimaryLabel.color: Theme.palette.directColor1
     tagPrimaryLabel.font.pixelSize: Theme.additionalTextSize
     backgroundColor: Theme.palette.successColor3
-    bgBorderColor: Theme.palette.alphaColor(Theme.palette.successColor1, 0.4)
+    bgBorderColor: StatusColors.alphaColor(Theme.palette.successColor1, 0.4)
     asset.color: tagPrimaryLabel.color
     verticalPadding: Theme.halfPadding
     horizontalPadding: 12
@@ -30,7 +30,7 @@ InformationTag {
             PropertyChanges {
                 target: root
                 backgroundColor: Theme.palette.dangerColor3
-                bgBorderColor: Theme.palette.alphaColor(Theme.palette.dangerColor1, 0.4)
+                bgBorderColor: StatusColors.alphaColor(Theme.palette.dangerColor1, 0.4)
             }
         }
     ]
diff --git a/ui/imports/utils/ProfileUtils.qml b/ui/imports/utils/ProfileUtils.qml
@@ -55,7 +55,7 @@ QtObject {
     }
 
     function linkTypeBgColor(linkType) {
-        return Theme.palette.getColor(linkTypeColor(linkType), 0.1)
+        return StatusColors.getColor(linkTypeColor(linkType), 0.1)
     }
 
     function linkTypeToDescription(linkType) {
diff --git a/ui/imports/utils/Utils.qml b/ui/imports/utils/Utils.qml
@@ -514,7 +514,7 @@ QtObject {
         case Constants.walletAccountColors.magenta.toUpperCase():
             return Theme.palette.customisationColors.magenta
         case Constants.walletAccountColors.yinYang.toUpperCase():
-            return Theme.palette.name === Constants.lightThemeName ? Theme.palette.getColor('blackHovered'): Theme.palette.getColor('grey4') // FIXME introduce symbolic color names
+            return Theme.palette.name === Constants.lightThemeName ? StatusColors.getColor('blackHovered'): StatusColors.getColor('grey4') // FIXME introduce symbolic color names
         case Constants.walletAccountColors.undefinedAccount.toUpperCase():
             return Theme.palette.baseColor1
         default:

Original file line number	Diff line number	Diff line change
`@@ -61,7 +61,7 @@ SplitView {`
`61`	`61`	`id: darkMode`
`62`	`62`	`text: "Dark Mode"`
`63`	`63`	`checked: false`
`64`		`- onCheckedChanged: rect.color = Theme.palette.getColor('graphite3')`
	`64`	`+ onCheckedChanged: rect.color = StatusColors.getColor('graphite3')`
`65`	`65`	`}`
`66`	`66`	`}`
`67`	`67`	`}`
Original file line number	Diff line number	Diff line change
`@@ -105,7 +105,7 @@ Control {`
`105`	`105`	`}`
`106`	`106`
`107`	`107`	`if (root.selected) {`
`108`		`- return Theme.palette.alphaColor(Theme.palette.baseColor2, 0.1)`
	`108`	`+ return StatusColors.alphaColor(Theme.palette.baseColor2, 0.1)`
`109`	`109`	`}`
`110`	`110`
`111`	`111`	`return Theme.palette.statusAppLayout.backgroundColor`
Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,7 @@ Item {`
`47`	`47`	`layer.effect: DropShadow {`
`48`	`48`	`samples: 16`
`49`	`49`	`cached: true`
`50`		`- color: Theme.palette.alphaColor(Theme.palette.directColor1, 0.16)`
	`50`	`+ color: StatusColors.alphaColor(Theme.palette.directColor1, 0.16)`
`51`	`51`	`}`
`52`	`52`	`}`
`53`	`53`
Original file line number	Diff line number	Diff line change
`@@ -91,7 +91,7 @@ Control {`
`91`	`91`	`PropertyChanges {`
`92`	`92`	`target: delegate`
`93`	`93`
`94`		`- color: Theme.palette.alphaColor(`
	`94`	`+ color: StatusColors.alphaColor(`
`95`	`95`	`Theme.palette.dangerColor1, 0.05)`
`96`	`96`	`}`
`97`	`97`