diff --git a/sandbox/pages/StatusWalletColorSelectPage.qml b/sandbox/pages/StatusWalletColorSelectPage.qml index a25a421d..af2d5f4b 100644 --- a/sandbox/pages/StatusWalletColorSelectPage.qml +++ b/sandbox/pages/StatusWalletColorSelectPage.qml @@ -12,6 +12,6 @@ Column { spacing: 8 StatusWalletColorSelect { - model: Theme.palette.accountColors + model: Theme.palette.userCustomizationColors } } diff --git a/src/StatusQ/Controls/StatusAccountSelector.qml b/src/StatusQ/Controls/StatusAccountSelector.qml index 1caf1566..73a84152 100644 --- a/src/StatusQ/Controls/StatusAccountSelector.qml +++ b/src/StatusQ/Controls/StatusAccountSelector.qml @@ -55,7 +55,7 @@ Item { return } if (selectedAccount.color) { - selectedIconImg.color = Utils.getThemeAccountColor(selectedAccount.color, Theme.palette.accountColors) || Theme.palette.accountColors[0] + selectedIconImg.color = Utils.getThemeAccountColor(selectedAccount.color, Theme.palette.userCustomizationColors) || Theme.palette.userCustomizationColors[0] } if (selectedAccount.name) { selectedTextField.text = selectedAccount.name @@ -208,7 +208,7 @@ Item { width: 20 height: 20 icon: "filled-account" - color: Utils.getThemeAccountColor(model.color, Theme.palette.accountColors) || Theme.palette.accountColors[0] + color: Utils.getThemeAccountColor(model.color, Theme.palette.userCustomizationColors) || Theme.palette.userCustomizationColors[0] } Column { diff --git a/src/StatusQ/Controls/StatusWalletColorSelect.qml b/src/StatusQ/Controls/StatusWalletColorSelect.qml index b34dc280..cb14737f 100644 --- a/src/StatusQ/Controls/StatusWalletColorSelect.qml +++ b/src/StatusQ/Controls/StatusWalletColorSelect.qml @@ -45,7 +45,7 @@ Item { return true } // Check the colors in the other theme - const currentColor = Utils.getThemeAccountColor(upperCaseColor, Theme.palette.accountColors) + const currentColor = Utils.getThemeAccountColor(upperCaseColor, Theme.palette.userCustomizationColors) if (!currentColor) { return false } diff --git a/src/StatusQ/Core/Theme/StatusDarkTheme.qml b/src/StatusQ/Core/Theme/StatusDarkTheme.qml index 799479ef..eaf697c1 100644 --- a/src/StatusQ/Core/Theme/StatusDarkTheme.qml +++ b/src/StatusQ/Core/Theme/StatusDarkTheme.qml @@ -147,15 +147,19 @@ ThemePalette { miscColor11: getColor('yellow2') miscColor12: getColor('green6') - accountColors: [ - getColor('blue5'), - getColor('yellow2'), - "#E6ABFC", - getColor('moss2'), - "#FB8383", - getColor('green4'), - "#ADA3FF", - getColor('brown3') + userCustomizationColors: [ + "#AAC6FF", + "#887AF9", + "#51D0F0", + "#D37EF4", + "#FA6565", + "#FFCA0F", + "#93DB33", + "#10A88E", + "#AD4343", + "#EAD27B", + "silver", // update me when figma is ready + "darkgrey", // update me when figma is ready ] identiconRingColors: ["#000000", "#726F6F", "#C4C4C4", "#E7E7E7", "#FFFFFF", "#00FF00", diff --git a/src/StatusQ/Core/Theme/StatusLightTheme.qml b/src/StatusQ/Core/Theme/StatusLightTheme.qml index fcb35ea1..be645942 100644 --- a/src/StatusQ/Core/Theme/StatusLightTheme.qml +++ b/src/StatusQ/Core/Theme/StatusLightTheme.qml @@ -145,15 +145,19 @@ ThemePalette { miscColor11: getColor('brown2') miscColor12: getColor('green5') - accountColors: [ - getColor('blue'), - getColor('brown2'), - getColor('violet'), - "#1D806F", - getColor('red2'), - getColor('green2'), - getColor('purple'), - getColor('brown') + userCustomizationColors: [ + "#2946C4", + "#887AF9", + "#51D0F0", + "#D37EF4", + "#FA6565", + "#FFCA0F", + "#7CDA00", + "#26A69A", + "#8B3131", + "#9B832F", + "silver", // update me when figma is ready + "darkgrey", // update me when figma is ready ] identiconRingColors: ["#000000", "#726F6F", "#C4C4C4", "#E7E7E7", "#FFFFFF", "#00FF00", diff --git a/src/StatusQ/Core/Theme/ThemePalette.qml b/src/StatusQ/Core/Theme/ThemePalette.qml index af6a340e..a7f6abb9 100644 --- a/src/StatusQ/Core/Theme/ThemePalette.qml +++ b/src/StatusQ/Core/Theme/ThemePalette.qml @@ -90,7 +90,7 @@ QtObject { property color miscColor11 property color miscColor12 - property var accountColors: [] + property var userCustomizationColors: [] property var identiconRingColors: []