feat(ui): update hardcode color value

cardano-foundation · Dec 17, 2024 · 34f9259 · 34f9259
1 parent 26872cb
commit 34f9259
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 8 deletions.
diff --git a/src/ui/components/PasswordModule/components/PasswordMeter/PasswordMeter.scss b/src/ui/components/PasswordModule/components/PasswordMeter/PasswordMeter.scss
@@ -15,7 +15,7 @@
       }
 
       &.medium > div.level:not(:last-child) {
-        background: #de7513;
+        background: var(--ion-color-orange);
       }
 
       &.strong > div.level {

diff --git a/src/ui/pages/Menu/components/ConfirmConnectModal/ConfirmConnectModal.scss b/src/ui/pages/Menu/components/ConfirmConnectModal/ConfirmConnectModal.scss
@@ -44,7 +44,7 @@
     .confirm-modal-id {
       margin: 0 0 1.5rem;
       padding: 1rem 1.5rem;
-      background-color: #fff;
+      background-color: var(--ion-color-white);
       border-radius: 1.875rem;
 
       display: flex;
@@ -92,7 +92,7 @@
       background: var(--ion-color-danger) !important;
 
       & > ion-icon {
-        --ion-color-base: #fff !important;
+        --ion-color-base: var(--ion-color-white) !important;
         width: 1.5rem;
         height: 1.5rem;
       }

diff --git a/src/ui/pages/Notifications/Notifications.scss b/src/ui/pages/Notifications/Notifications.scss
@@ -70,11 +70,7 @@
         &.unread {
           background: var(
             --primary-gradient-light,
-            linear-gradient(
-              92deg,
-              rgba(146, 255, 192, 0.15) 28.76%,
-              rgba(0, 165, 230, 0.15) 119.14%
-            )
+            var(--ion-color-secondary-gradient-light)
           );
         }
 

diff --git a/src/ui/styles/colors.scss b/src/ui/styles/colors.scss
@@ -26,12 +26,20 @@
   --ion-color-blue: #017eff;
   --ion-color-light-blue: #00a5e6;
 
+  --ion-color-orange: #de7513;
+
   --ion-color-primary-gradient: linear-gradient(
     94.29deg,
     #92ffc0 20.19%,
     #00a5e6 119.98%
   );
 
+  --ion-color-secondary-gradient-light: linear-gradient(
+    92deg,
+    rgba(146, 255, 192, 0.15) 28.76%,
+    rgba(0, 165, 230, 0.15) 119.14%
+  );
+
   --ion-color-primary-gradient-light: linear-gradient(
     94.29deg,
     #92ffc0 15%,