Dark Mode : Gas fee (MetaMask#14005)

Crypto-Things · Mar 19, 2022 · c3901e4 · c3901e4
1 parent 91a30bc
commit c3901e4
Show file tree

Hide file tree

Showing 23 changed files with 108 additions and 108 deletions.
diff --git a/app/images/curve-high.svg b/app/images/curve-high.svg
diff --git a/app/images/curve-low.svg b/app/images/curve-low.svg
diff --git a/app/images/curve-medium.svg b/app/images/curve-medium.svg
diff --git a/ui/components/app/edit-gas-display-education/index.scss b/ui/components/app/edit-gas-display-education/index.scss
@@ -1,5 +1,5 @@
 .edit-gas-display-education {
   a {
-    color: var(--primary-1);
+    color: var(--color-primary-default);
   }
 }
diff --git a/ui/components/app/edit-gas-display/index.scss b/ui/components/app/edit-gas-display/index.scss
@@ -28,8 +28,8 @@
   button.edit-gas-display__dapp-acknowledgement-button {
     margin: 40px auto 0 auto;
     display: block;
-    color: var(--secondary-1);
-    border: 1px solid var(--secondary-1);
+    color: var(--color-secondary-default);
+    border: 1px solid var(--color-secondary-default);
     text-transform: unset;
     width: auto;
     background: transparent;
@@ -43,7 +43,7 @@
     display: block;
     margin: 0 auto;
     background: transparent;
-    color: var(--primary-1);
+    color: var(--color-primary-default);
     font-weight: bold;
   }
 
@@ -58,7 +58,7 @@
       display: block;
       margin: 0 auto;
       background: transparent;
-      color: var(--primary-1);
+      color: var(--color-primary-default);
     }
   }
 

diff --git a/ui/components/app/edit-gas-fee-button/index.scss b/ui/components/app/edit-gas-fee-button/index.scss
@@ -8,15 +8,15 @@
 
     display: flex;
     align-items: baseline;
-    color: var(--primary-1);
+    color: var(--color-primary-default);
     background: transparent;
     border: 0;
     padding-inline-end: 0;
     white-space: pre;
   }
 
   i {
-    color: var(--primary-1);
+    color: var(--color-primary-default);
     margin-right: 2px;
   }
 
@@ -37,11 +37,11 @@
 
   &__tooltip {
     p {
-      color: var(--Grey-500);
+      color: var(--color-text-alternative);
     }
 
     b {
-      color: var(--neutral-black);
+      color: var(--color-text-default);
       display: inline-block;
       min-width: 60%;
     }

diff --git a/ui/components/app/edit-gas-fee-popover/edit-gas-item/index.scss b/ui/components/app/edit-gas-fee-popover/edit-gas-item/index.scss
@@ -12,7 +12,7 @@
   width: 100%;
 
   &:hover:not([disabled]) {
-    background-color: var(--primary-2);
+    background-color: var(--color-primary-muted);
   }
 
   &--selected {
@@ -83,6 +83,6 @@
 
   &__time-estimate-medium,
   &__time-estimate-high {
-    color: var(--success-3);
+    color: var(--color-success-muted);
   }
 }
diff --git a/ui/components/app/edit-gas-fee-popover/edit-gas-tooltip/index.scss b/ui/components/app/edit-gas-fee-popover/edit-gas-tooltip/index.scss
@@ -17,7 +17,7 @@
     }
 
     &__dialog {
-      background-color: var(--Orange-500);
+      background-color: var(--color-secondary-default);
       border-radius: 30px;
       margin: 4px 0;
       text-align: center;

diff --git a/ui/components/app/edit-gas-fee-popover/index.scss b/ui/components/app/edit-gas-fee-popover/index.scss
@@ -2,7 +2,7 @@
   height: 500px;
 
   &__wrapper {
-    border-top: 1px solid var(--ui-grey);
+    border-top: 1px solid var(--color-border-default);
     height: 100%;
   }
 
@@ -19,7 +19,7 @@
     }
 
     &__header {
-      color: var(--ui-4);
+      color: var(--color-text-alternative);
       font-size: 10px;
       font-weight: 700;
       margin: 0 12px;
@@ -41,7 +41,7 @@
     }
 
     &__separator {
-      border-top: 1px solid var(--ui-grey);
+      border-top: 1px solid var(--color-border-default);
       margin: 8px 12px;
     }
   }
@@ -51,6 +51,6 @@
   }
 
   &__know-more a {
-    color: var(--primary-1);
+    color: var(--color-primary-default);
   }
 }