m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Dark Mode : Connected account popover (#13932)

Browse Source
This commit is contained in:
Guillaume Roux 2022-03-17 19:23:56 +01:00 committed by GitHub
parent 9373f51e97
commit 41974cec3b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/components/app/connected-accounts-permissions/index.scss
View File

@ -21,7 +21,7 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
color: #24292e; color: var(--color-text-default);
button { button {
font-size: $font-size-paragraph; font-size: $font-size-paragraph;

2
ui/components/ui/popover/index.scss
View File

@ -67,7 +67,7 @@
&-bg { &-bg {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: black; background: var(--color-text-default);
opacity: 0.2; opacity: 0.2;
} }

3
ui/components/ui/popover/popover.component.js
View File

@ -6,6 +6,7 @@ import { useI18nContext } from '../../../hooks/useI18nContext';
import Box from '../box'; import Box from '../box';
import { import {
ALIGN_ITEMS, ALIGN_ITEMS,
COLORS,
FLEX_DIRECTION, FLEX_DIRECTION,
JUSTIFY_CONTENT, JUSTIFY_CONTENT,
} from '../../../helpers/constants/design-system'; } from '../../../helpers/constants/design-system';
@ -14,7 +15,7 @@ const defaultHeaderProps = {
padding: [6, 4, 4], padding: [6, 4, 4],
display: 'flex', display: 'flex',
flexDirection: FLEX_DIRECTION.COLUMN, flexDirection: FLEX_DIRECTION.COLUMN,
backgroundColor: 'white', backgroundColor: COLORS.BACKGROUND_DEFAULT,
borderRadius: 'xl', borderRadius: 'xl',
}; };