feat(appMain): Add warning colors. Use warning color for story node b…

…anner
status-im · Jan 30, 2023 · 5ff4c35 · 5ff4c35
1 parent b474ef0
commit 5ff4c35
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 2 deletions.
diff --git a/ui/StatusQ/src/StatusQ/Core/Theme/StatusColors.qml b/ui/StatusQ/src/StatusQ/Core/Theme/StatusColors.qml
@@ -50,6 +50,8 @@ QtObject {
         'orange3': '#FFA67B',
         'orange4': '#FE8F59',
 
+        'warning_orange': '#F6793C',
+
         'purple': '#887AF9',
 
         'red': '#FF2D55',

diff --git a/ui/StatusQ/src/StatusQ/Core/Theme/StatusDarkTheme.qml b/ui/StatusQ/src/StatusQ/Core/Theme/StatusDarkTheme.qml
@@ -20,6 +20,10 @@ ThemePalette {
     dangerColor2: getColor('red3', 0.3)
     dangerColor3: getColor('red3', 0.2)
 
+    warningColor1: getColor('warning_orange')
+    warningColor2: getColor('warning_orange', 0.2)
+    warningColor3: getColor('warning_orange', 0.1)
+
     successColor1: getColor('green3')
     successColor2: getColor('green3', 0.2)
     successColor3: getColor('green3', 0.3)

diff --git a/ui/StatusQ/src/StatusQ/Core/Theme/StatusLightTheme.qml b/ui/StatusQ/src/StatusQ/Core/Theme/StatusLightTheme.qml
@@ -18,6 +18,10 @@ ThemePalette {
     dangerColor2: getColor('red', 0.2)
     dangerColor3: getColor('red', 0.1)
 
+    warningColor1: getColor('warning_orange')
+    warningColor2: getColor('warning_orange', 0.2)
+    warningColor3: getColor('warning_orange', 0.1)
+
     successColor1: getColor('green')
     successColor2: getColor('green', 0.1)
     successColor3: getColor('green', 0.2)

diff --git a/ui/StatusQ/src/StatusQ/Core/Theme/ThemePalette.qml b/ui/StatusQ/src/StatusQ/Core/Theme/ThemePalette.qml
@@ -125,6 +125,10 @@ QtObject {
     property color dangerColor2
     property color dangerColor3
 
+    property color warningColor1
+    property color warningColor2
+    property color warningColor3
+
     property color successColor1
     property color successColor2
     property color successColor3

diff --git a/ui/app/mainui/AppMain.qml b/ui/app/mainui/AppMain.qml
@@ -728,8 +728,8 @@ Item {
 
                 ModuleWarning {
                     id: mailserverConnectionBanner
-                    type: ModuleWarning.Danger
-                    text: qsTr("Can not connect to mailserver. Retrying automatically")
+                    type: ModuleWarning.Warning
+                    text: qsTr("Can not connect to store node. Retrying automatically")
                     onCloseClicked: hide()
                     Layout.fillWidth: true
                 }

diff --git a/ui/imports/shared/panels/ModuleWarning.qml b/ui/imports/shared/panels/ModuleWarning.qml
@@ -13,6 +13,7 @@ Item {
 
     enum Type {
         Danger,
+        Warning,
         Success
     }
 
@@ -123,6 +124,7 @@ Item {
             switch (root.type) {
             case ModuleWarning.Danger: return Theme.palette.dangerColor1
             case ModuleWarning.Success: return Theme.palette.successColor1
+            case ModuleWarning.Warning: return Theme.palette.warningColor1
             default: return Theme.palette.baseColor1
             }
         }