Dark Mode: Remove --ui-black (#14164)

ui/components/app/modals/customize-nonce/index.scss

@@ -17,7 +17,7 @@
   &__close {
     @include H4;
 
-    color: var(--ui-black);
+    color: var(--color-icon-default);
     background: none;
     flex: 0;
     align-self: flex-start;

ui/components/app/transaction-decoding/components/ui/accreditation/index.scss

@@ -8,7 +8,7 @@
   }
 
   &__info {
-    color: var(--ui-black);
+    color: var(--color-text-default);
     display: flex;
     flex-flow: column;
     flex-wrap: wrap;

ui/components/ui/icon-with-fallback/icon-with-fallback.scss

@@ -1,5 +1,5 @@
 .icon-with-fallback {
   &__fallback {
-    color: var(--ui-black);
+    color: var(--color-icon-default);
   }
 }

ui/css/design-system/colors.scss

@@ -57,7 +57,6 @@ $color-map: (
   'ui-4': --ui-4,
   'ui-5': --ui-5,
   'white': --ui-white,
-  'black': --ui-black,
   'grey': --ui-grey,
   'neutral-grey': --neutral-grey,
   'primary-1': --primary-1,

ui/css/utilities/colors.scss

@@ -7,7 +7,6 @@
   --alert-1: #ffd33d;
   --success-1: #4cd964;
   --success-3: #219e37;
-  --ui-black: #24292e;
   --ui-grey: #d6d9dc;
   --ui-white: #fff;
   --ui-1: #f2f3f4;

ui/pages/add-collectible/index.scss

@@ -1,6 +1,6 @@
 .add-collectible {
   &__close {
-    color: var(--ui-black);
+    color: var(--color-icon-default);
     background: none;
     flex: 0;
     align-self: flex-start;