Fix custom gas price color theme

3 files changed, 14 insertions, 14 deletions

diff --git a/ui/app/components/gas-customization/gas-modal-page-container/basic-tab-content/index.scss b/ui/app/components/gas-customization/gas-modal-page-container/basic-tab-content/index.scss
index e34e4e32..983ce36f 100644
--- a/ui/app/components/gas-customization/gas-modal-page-container/basic-tab-content/index.scss
+++ b/ui/app/components/gas-customization/gas-modal-page-container/basic-tab-content/index.scss
@@ -4,25 +4,25 @@
   align-items: flex-start;
   padding-left: 21px;
   height: 324px;
-  background: #F5F7F8;
-  border-bottom: 1px solid #d2d8dd;
+  background: $black;
+  border-bottom: 1px solid $tundora;
 
   &__title {
     margin-top: 19px;
     font-size: 16px;
-    color: $black;
+    color: $white;
   }
 
   &__blurb {
     font-size: 12px;
-    color: $black;
+    color: $white;
     margin-top: 5px;
     margin-bottom: 15px;
   }
 
   &__footer-blurb {
     font-size: 12px;
-    color: #979797;
+    color: $alto;
     margin-top: 15px;
   }
 }
diff --git a/ui/app/components/gas-customization/gas-modal-page-container/index.scss b/ui/app/components/gas-customization/gas-modal-page-container/index.scss
index 91c4b2a8..4214caf0 100644
--- a/ui/app/components/gas-customization/gas-modal-page-container/index.scss
+++ b/ui/app/components/gas-customization/gas-modal-page-container/index.scss
@@ -34,7 +34,7 @@
 
     &__header-close-text {
       font-size: 14px;
-      color: #4EADE7;
+      color: $dexon-purple;
       position: absolute;
       top: 16px;
       right: 16px;
@@ -43,7 +43,7 @@
     }
 
     &__title {
-      color: $black;
+      color: $white;
       font-size: 16px;
       font-weight: 500;
       line-height: 16px;
@@ -88,11 +88,11 @@
 
   &__info-row, &__info-row--fade {
     width: 100%;
-    background: $polar;
+    background: $black;
     padding: 15px 21px;
     display: flex;
     flex-flow: column;
-    color: $scorpion;
+    color: $alto;
     font-size: 12px;
 
     @media screen and (max-width: $break-small) {
diff --git a/ui/app/components/gas-customization/gas-price-button-group/index.scss b/ui/app/components/gas-customization/gas-price-button-group/index.scss
index 9e2b28b8..d0138c53 100644
--- a/ui/app/components/gas-customization/gas-price-button-group/index.scss
+++ b/ui/app/components/gas-customization/gas-price-button-group/index.scss
@@ -175,14 +175,14 @@
     font-size: 14px;
     font-weight: 500;
     margin-top: 4px;
-    color: $black;
+    color: $white;
   }
 
   .button-group__button,
   .button-group__button--active {
     height: 78px;
-    background: white;
-    color: #2A4055;
+    background: $dark-gray;
+    color: $white;
     width: 108px;
     height: 97px;
     box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.151579);
@@ -211,7 +211,7 @@
   }
 
   .button-group__button--active {
-    background: #F7FCFF;
+    background: $dark-gray;
     border: 2px solid $dexon-purple;
 
     .button-check-wrapper {
@@ -221,7 +221,7 @@
       position: absolute;
       top: -11px;
       right: -10px;
-      background: #D5ECFA;
+      background: $manatee;
       display: flex;
       flex-flow: row;
       justify-content: center;