Dark Mode: Remove last unused colors (#14208)

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;
-  }
 }

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
 );

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 {

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;
-}

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;

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;

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);
+    background-color: var(--color-border-muted);
-    color: var(--alto);
   }
 
   &__about {
-    color: var(--dusty-gray);
+    color: var(--color-text-muted);
     margin-bottom: 15px;
   }
 }