From 2ab2b594ede3f61ebd687023a3fdb49cfad6091d Mon Sep 17 00:00:00 2001
From: David Walsh <davidwalsh83@gmail.com>
Date: Thu, 24 Mar 2022 09:45:00 -0500
Subject: [PATCH] Dark Mode: Remove Scorpion (#14174)

---
 .../advanced-gas-inputs/index.scss                 | 11 ++++++-----
 ui/css/utilities/colors.scss                       |  1 -
 .../send-content/send-gas-row/send-gas-row.scss    | 14 +++++++-------
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/ui/components/app/gas-customization/advanced-gas-inputs/index.scss b/ui/components/app/gas-customization/advanced-gas-inputs/index.scss
index 778117137..f6d266bd0 100644
--- a/ui/components/app/gas-customization/advanced-gas-inputs/index.scss
+++ b/ui/components/app/gas-customization/advanced-gas-inputs/index.scss
@@ -13,7 +13,7 @@
     &__label {
       @include H7;
 
-      color: #313b5e;
+      color: var(--color-text-muted);
       display: flex;
       justify-content: space-between;
       align-items: center;
@@ -35,13 +35,13 @@
     &__error-text {
       @include H7;
 
-      color: red;
+      color: var(--color-error-default);
     }
 
     &__warning-text {
       @include H7;
 
-      color: orange;
+      color: var(--color-secondary-default);
     }
 
     &__input-wrapper {
@@ -55,6 +55,7 @@
       direction: ltr;
       border: 1px solid var(--color-border-muted);
       border-radius: 4px;
+      background: var(--color-background-default);
       color: var(--color-text-alternative);
       height: 24px;
       width: 100%;
@@ -81,11 +82,11 @@
       right: 0;
       width: 17px;
       height: 24px;
-      border: 1px solid #dadada;
+      border: 1px solid var(--color-border-default);
       border-top-right-radius: 4px;
       display: flex;
       flex-direction: column;
-      color: #9b9b9b;
+      color: var(--color-icon-default);
       border-bottom-right-radius: 4px;
       cursor: pointer;
 
diff --git a/ui/css/utilities/colors.scss b/ui/css/utilities/colors.scss
index 0024c754a..68f7570b3 100644
--- a/ui/css/utilities/colors.scss
+++ b/ui/css/utilities/colors.scss
@@ -35,7 +35,6 @@
   --alabaster: #fafafa;
   --silver-chalice: #aeaeae;
   --tundora: #4d4d4d;
-  --scorpion: #5d5d5d;
   --silver: #cdcdcd;
   --malibu-blue: #b8cbd8;
   --athens-grey: #e9edf0;
diff --git a/ui/pages/send/send-content/send-gas-row/send-gas-row.scss b/ui/pages/send/send-content/send-gas-row/send-gas-row.scss
index af3776d85..7b5bd52a1 100644
--- a/ui/pages/send/send-content/send-gas-row/send-gas-row.scss
+++ b/ui/pages/send/send-content/send-gas-row/send-gas-row.scss
@@ -2,10 +2,10 @@
   @include Paragraph;
 
   height: 54px;
-  border: 1px solid var(--alto);
+  border: 1px solid var(--color-border-default);
   border-radius: 4px;
-  background-color: var(--white);
-  color: var(--scorpion);
+  background-color: var(--color-background-default);
+  color: var(--color-text-muted);
   padding: 8px 10px;
   position: relative;
 
@@ -16,7 +16,7 @@
   &__input {
     @include Paragraph;
 
-    color: var(--scorpion);
+    color: var(--color-text-muted);
     border: none;
     max-width: 22ch;
   }
@@ -24,7 +24,7 @@
   &__primary-currency {
     @include Paragraph;
 
-    color: var(--scorpion);
+    color: var(--color-text-muted);
     font-weight: 400;
   }
 
@@ -36,7 +36,7 @@
   &__converted-currency {
     @include H7;
 
-    color: var(--dusty-gray);
+    color: var(--color-text-muted);
   }
 
   &__input-wrapper {
@@ -64,7 +64,7 @@
 
   &__currency-symbol {
     margin-top: 1px;
-    color: var(--scorpion);
+    color: var(--color-text-muted);
   }
 
   .react-numeric-input {