From 382669bb346c21aa71b02db5b453f2c4b06588eb Mon Sep 17 00:00:00 2001
From: David Walsh <davidwalsh83@gmail.com>
Date: Fri, 25 Mar 2022 14:30:36 -0500
Subject: [PATCH] Dark Mode: Remove last unused colors (#14208)

---
 .../modals/account-details-modal/index.scss   | 11 +----------
 ui/css/design-system/colors.scss              |  8 --------
 ui/css/itcss/components/send.scss             |  4 ++--
 ui/css/utilities/colors.scss                  | 19 -------------------
 ui/pages/create-account/index.scss            |  2 +-
 ui/pages/settings/flask/view-snap/index.scss  |  2 +-
 ui/pages/settings/info-tab/index.scss         |  8 +++-----
 7 files changed, 8 insertions(+), 46 deletions(-)

diff --git a/ui/components/app/modals/account-details-modal/index.scss b/ui/components/app/modals/account-details-modal/index.scss
index 0ccb9851b..03e577354 100644
--- a/ui/components/app/modals/account-details-modal/index.scss
+++ b/ui/components/app/modals/account-details-modal/index.scss
@@ -15,7 +15,7 @@
     width: 100%;
     height: 1px;
     margin: 16px 0 8px 0;
-    background-color: var(--alto);
+    background-color: var(--color-border-muted);
   }
 
   & .qr-header {
@@ -27,13 +27,4 @@
   & .qr-wrapper {
     margin-top: 5px;
   }
-
-  & .ellip-address-wrapper {
-    display: flex;
-    justify-content: center;
-    border: 1px solid var(--alto);
-    padding: 5px 10px;
-    margin-top: 7px;
-    width: 286px;
-  }
 }
diff --git a/ui/css/design-system/colors.scss b/ui/css/design-system/colors.scss
index d089f25fc..4ea5700b4 100644
--- a/ui/css/design-system/colors.scss
+++ b/ui/css/design-system/colors.scss
@@ -48,12 +48,4 @@ $color-map: (
   'localhost': --localhost,
   'transparent': transparent,
   'flask-purple': --flask-purple,
-  /**
-  * !!! DEPRECATED DO NOT USE!!!
-  */
-  'neutral-grey': --neutral-grey,
-  'primary-3': --primary-3,
-  'alert-1': --alert-1,
-  'success-1': --success-1,
-  'success-3': --success-3
 );
diff --git a/ui/css/itcss/components/send.scss b/ui/css/itcss/components/send.scss
index e5e799570..787dd05bf 100644
--- a/ui/css/itcss/components/send.scss
+++ b/ui/css/itcss/components/send.scss
@@ -184,7 +184,7 @@
   height: 307px;
   background-color: var(--color-background-default);
   opacity: 1;
-  box-shadow: var(--alto) 0 0 5px;
+  box-shadow: var(--color-border-muted) 0 0 5px;
   z-index: 1050;
   padding: 13px 19px;
   border-radius: 4px;
@@ -200,7 +200,7 @@
   transform: rotate(45deg);
   left: 107px;
   top: 294px;
-  box-shadow: 2px 2px 2px var(--alto);
+  box-shadow: 2px 2px 2px var(--color-border-muted);
 }
 
 .customize-gas-tooltip-container input[type='number']::-webkit-inner-spin-button {
diff --git a/ui/css/utilities/colors.scss b/ui/css/utilities/colors.scss
index 76d65da82..fc3bdcd43 100644
--- a/ui/css/utilities/colors.scss
+++ b/ui/css/utilities/colors.scss
@@ -1,9 +1,6 @@
 :root {
   // Accents
   // Everything below this line is part of the new color system
-  --alert-1: #ffd33d;
-  --success-1: #4cd964;
-  --success-3: #219e37;
   --mainnet: #29b6af;
   --ropsten: #ff4a8d;
   --kovan: #9064ff;
@@ -12,19 +9,3 @@
   --localhost: #29b6af;
   --flask-purple: #8b45b6;
 }
-
-/* Deprecated colors */
-:root {
-  /*
-    Colors
-    http://chir.ag/projects/name-that-color
-  */
-
-  --dusty-gray: #9b9b9b;
-  --alto: #dedede;
-  --alabaster: #fafafa;
-  --tundora: #4d4d4d;
-  --silver: #cdcdcd;
-  --malibu-blue: #b8cbd8;
-  --athens-grey: #e9edf0;
-}
diff --git a/ui/pages/create-account/index.scss b/ui/pages/create-account/index.scss
index 1b24822f5..962160c43 100644
--- a/ui/pages/create-account/index.scss
+++ b/ui/pages/create-account/index.scss
@@ -27,7 +27,7 @@
   &__title {
     @include H2;
 
-    color: var(--tundora);
+    color: var(--color-text-alternative);
     font-weight: 500;
     margin-top: 22px;
     margin-left: 29px;
diff --git a/ui/pages/settings/flask/view-snap/index.scss b/ui/pages/settings/flask/view-snap/index.scss
index 41fc04deb..eec82c196 100644
--- a/ui/pages/settings/flask/view-snap/index.scss
+++ b/ui/pages/settings/flask/view-snap/index.scss
@@ -7,7 +7,7 @@
 
   &__subheader {
     padding: 16px 4px;
-    border-bottom: 1px solid var(--alto);
+    border-bottom: 1px solid var(--color-border-muted);
     margin-right: 24px;
     height: 72px;
     align-items: center;
diff --git a/ui/pages/settings/info-tab/index.scss b/ui/pages/settings/info-tab/index.scss
index 45f6112c9..ccbc9f9ea 100644
--- a/ui/pages/settings/info-tab/index.scss
+++ b/ui/pages/settings/info-tab/index.scss
@@ -41,21 +41,19 @@
     @include H6;
 
     padding-top: 5px;
-    color: var(--dusty-gray);
+    color: var(--color-text-muted);
   }
 
   &__separator {
     margin: 15px 0;
     width: 80px;
-    border-color: var(--alto);
     border: none;
     height: 1px;
-    background-color: var(--alto);
-    color: var(--alto);
+    background-color: var(--color-border-muted);
   }
 
   &__about {
-    color: var(--dusty-gray);
+    color: var(--color-text-muted);
     margin-bottom: 15px;
   }
 }