m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 01:47:00 +01:00
Code

Dark Mode: Snackbar component (#14075)

Browse Source
This commit is contained in:
David Walsh 2022-03-21 13:26:21 -05:00 committed by GitHub
parent b797e24b9e
commit ea4181d227
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/components/ui/snackbar/index.scss
View File

@ -2,10 +2,10 @@
@include H7; @include H7;
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
color: var(--Blue-600); color: var(--color-text-default);
min-width: 360px; min-width: 360px;
width: fit-content; width: fit-content;
background: var(--Blue-000); background: var(--color-info-muted);
border: 1px solid var(--Blue-200); border: 1px solid var(--color-info-default);
border-radius: 6px; border-radius: 6px;
} }

3
ui/css/utilities/colors.scss
View File

@ -1,12 +1,9 @@
:root { :root {
// These are the colors of the MetaMask design system // These are the colors of the MetaMask design system
// Only design system colors should be added, no superfluous variables // Only design system colors should be added, no superfluous variables
--Blue-000: #eaf6ff;
--Blue-200: #75c4fd;
--Blue-300: #43aefc; --Blue-300: #43aefc;
--Blue-400: #1098fc; --Blue-400: #1098fc;
--Blue-500: #037dd6; --Blue-500: #037dd6;
--Blue-600: #0260a4;
// Greys // Greys
--Grey-000: #f2f3f4; --Grey-000: #f2f3f4;
--Grey-100: #d6d9dc; --Grey-100: #d6d9dc;