Dark Mode: Remove monzo, red, error-1 (#14153)

ui/components/ui/numeric-input/numeric-input.scss

@@ -4,7 +4,7 @@
   border-radius: 6px;
 
   &--error {
-    border-color: var(--error-1);
+    border-color: var(--color-error-default);
   }
 
   input {

ui/css/design-system/colors.scss

@@ -65,7 +65,6 @@ $color-map: (
   'secondary-1': --secondary-1,
   'secondary-3': --secondary-3,
   'alert-1': --alert-1,
-  'error-1': --error-1,
   'success-1': --success-1,
   'success-3': --success-3
 );

ui/css/utilities/colors.scss

@@ -4,7 +4,6 @@
   --primary-1: #037dd6;
   --secondary-1: #f66a0a;
   --secondary-3: #c65507;
-  --error-1: #d73a49;
   --alert-1: #ffd33d;
   --success-1: #4cd964;
   --success-3: #219e37;
@@ -30,7 +29,6 @@
   --white: #fff;
   --black: #000;
   --orange: #ffa500;
-  --red: #f00;
   --gray: #808080;
 
   /*
@@ -45,7 +43,6 @@
   --tundora: #4d4d4d;
   --scorpion: #5d5d5d;
   --silver: #cdcdcd;
-  --monzo: #d0021b;
   --malibu-blue: #b8cbd8;
   --athens-grey: #e9edf0;
   --geyser: #d2d8dd;

ui/pages/settings/settings-tab/index.scss

@@ -14,15 +14,15 @@
 
   &__button--red {
     border-color: lighten($monzo, 10%);
-    color: var(--monzo);
+    color: var(--color-error-default);
 
     &:active {
       background: lighten($monzo, 55%);
-      border-color: var(--monzo);
+      border-color: var(--color-error-default);
     }
 
     &:hover {
-      border-color: var(--monzo);
+      border-color: var(--color-error-default);
     }
   }