From ea4181d2273a7779345e459de6e2d8e28ca3ade8 Mon Sep 17 00:00:00 2001 From: David Walsh Date: Mon, 21 Mar 2022 13:26:21 -0500 Subject: [PATCH] Dark Mode: Snackbar component (#14075) --- ui/components/ui/snackbar/index.scss | 6 +++--- ui/css/utilities/colors.scss | 3 --- 2 files changed, 3 insertions(+), 6 deletions(-) diff --git a/ui/components/ui/snackbar/index.scss b/ui/components/ui/snackbar/index.scss index c048f174b..62e66161f 100644 --- a/ui/components/ui/snackbar/index.scss +++ b/ui/components/ui/snackbar/index.scss @@ -2,10 +2,10 @@ @include H7; padding: 0.75rem 1rem; - color: var(--Blue-600); + color: var(--color-text-default); min-width: 360px; width: fit-content; - background: var(--Blue-000); - border: 1px solid var(--Blue-200); + background: var(--color-info-muted); + border: 1px solid var(--color-info-default); border-radius: 6px; } diff --git a/ui/css/utilities/colors.scss b/ui/css/utilities/colors.scss index e35ba06e2..06a0a982a 100644 --- a/ui/css/utilities/colors.scss +++ b/ui/css/utilities/colors.scss @@ -1,12 +1,9 @@ :root { // These are the colors of the MetaMask design system // Only design system colors should be added, no superfluous variables - --Blue-000: #eaf6ff; - --Blue-200: #75c4fd; --Blue-300: #43aefc; --Blue-400: #1098fc; --Blue-500: #037dd6; - --Blue-600: #0260a4; // Greys --Grey-000: #f2f3f4; --Grey-100: #d6d9dc;