Dark Mode: Remove unused colors (#14025)

ui/css/utilities/colors.scss

@@ -2,15 +2,11 @@
   // These are the colors of the MetaMask design system
   // Only design system colors should be added, no superfluous variables
   --Blue-000: #eaf6ff;
-  --Blue-100: #a7d9fe;
   --Blue-200: #75c4fd;
   --Blue-300: #43aefc;
   --Blue-400: #1098fc;
   --Blue-500: #037dd6;
   --Blue-600: #0260a4;
-  --Blue-700: #024272;
-  --Blue-800: #01253f;
-  --Blue-900: #00080d;
   // Greys
   --Grey-000: #f2f3f4;
   --Grey-100: #d6d9dc;
@@ -21,40 +17,20 @@
   --Grey-600: #535a61;
   --Grey-700: #3b4046;
   --Grey-800: #24272a;
-  --Grey-900: #141618;
   // Greens
-  --Green-000: #f3fcf5;
-  --Green-100: #d6ffdf;
-  --Green-200: #afecbd;
-  --Green-300: #86e29b;
-  --Green-400: #5dd879;
   --Green-500: #28a745;
-  --Green-600: #1e7e34;
-  --Green-700: #145523;
-  --Green-800: #0a2c12;
-  --Green-900: #041007;
   // Reds
   --Red-000: #fcf2f3;
-  --Red-100: #f7d5d8;
-  --Red-200: #f1b9be;
   --Red-300: #e88f97;
   --Red-400: #e06470;
   --Red-500: #d73a49;
   --Red-600: #b92534;
-  --Red-700: #8e1d28;
-  --Red-800: #64141c;
-  --Red-900: #3a0c10;
   // Orange
   --Orange-000: #fef5ef;
-  --Orange-100: #fde2cf;
-  --Orange-200: #fbc49d;
   --Orange-300: #faa66c;
   --Orange-400: #f8883b;
   --Orange-500: #f66a0a;
   --Orange-600: #c65507;
-  --Orange-700: #954005;
-  --Orange-800: #632b04;
-  --Orange-900: #321602;
   // Yellow
   --Yellow-000: #fefae8; // Temporary placeholder
   --Yellow-100: #fefcde;
@@ -63,15 +39,10 @@
   --Black-100: #24292e;
   // Primary colors
   --primary-blue: var(--Blue-500);
-  --primary-orange: var(--Orange-500);
   // Accents
   --accent-yellow: var(--Yellow-500);
-  --accent-green: var(--Green-500);
   --accent-red: var(--Red-500);
-  --accent-purple: #6f42c1;
-  --accent-pink: #ff45d8;
   // Neutrals
-  --neutral-white: #fff;
   --neutral-black: var(--Black-100);
   --neutral-grey: var(--Grey-500);
   // Everything below this line is part of the new color system
@@ -119,8 +90,7 @@
     Colors
     http://chir.ag/projects/name-that-color
   */
-  --gallery: #efefef;
-  --wild-sand: #f6f6f6;
+
   --dusty-gray: #9b9b9b;
   --alto: #dedede;
   --alabaster: #fafafa;
@@ -129,25 +99,10 @@
   --nile-blue: #1b344d;
   --scorpion: #5d5d5d;
   --silver: #cdcdcd;
-  --caribbean-green: #02c9b1;
   --monzo: #d0021b;
-  --blue-lagoon: #038789;
-  --purple: #690496;
-  --tulip-tree: #ebb33f;
   --malibu-blue: #b8cbd8;
   --athens-grey: #e9edf0;
   --geyser: #d2d8dd;
-  --manatee: #93949d;
-  --spindle: #c7ddec;
   --mid-gray: #5b5d67;
-  --cape-cod: #38393a;
   --dodger-blue: #3099f2;
-  --ecstasy: #f7861c;
-  --linen: #fdf4f4;
-  --oslo-gray: #8c8e94;
-  --polar: #fafcfe;
-  --blizzard-blue: #bfdef3;
-  --mischka: #dddee9;
-  --web-orange: #f2a202;
-  --mercury: #e5e5e5;
 }

ui/pages/keychains/index.scss

@@ -87,7 +87,7 @@
   &__error {
     @include H6;
 
-    color: var(--crimson);
+    color: var(--color-error-default);
     padding-top: 5px;
   }
 }