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

confirmation screen dark mode (#14024)

Browse Source
This commit is contained in:
Guillaume Roux 2022-03-18 22:10:20 +01:00 committed by GitHub
parent c0e930ea53
commit 2454bd8124
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/pages/confirmation/components/confirmation-footer/confirmation-footer.scss
View File

@ -3,8 +3,8 @@
&__actions { &__actions {
display: flex; display: flex;
border-top: 1px solid var(--ui-2); border-top: 1px solid var(--color-border-muted);
background-color: white; background-color: var(--color-background-default);
padding: 16px; padding: 16px;
& .button:first-child { & .button:first-child {

18
ui/pages/confirmation/confirmation.scss
View File

@ -5,7 +5,7 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
background: white; background: var(--color-background-default);
display: grid; display: grid;
flex-direction: column; flex-direction: column;
grid-template-columns: 1fr; grid-template-columns: 1fr;
@ -16,7 +16,7 @@
'footer'; 'footer';
a { a {
color: var(--primary-1); color: var(--color-primary-default);
} }
&__content { &__content {
@ -32,19 +32,19 @@
@include H7; @include H7;
grid-area: navigation; grid-area: navigation;
background-color: var(--Grey-000); background-color: var(--color-background-alternative);
border-bottom: 1px solid var(--geyser); border-bottom: 1px solid var(--color-border-muted);
padding: 6px 16px 5px 16px; padding: 6px 16px 5px 16px;
color: var(--Grey-500); color: var(--color-text-alternative);
display: grid; display: grid;
grid-template-columns: 1fr minmax(0, auto) minmax(0, auto); grid-template-columns: 1fr minmax(0, auto) minmax(0, auto);
align-items: center; align-items: center;
} }
&__navigation-button { &__navigation-button {
background-color: white; background-color: var(--color-background-default);
border-radius: 100px; border-radius: 100px;
color: var(--Grey-500); color: var(--color-text-alternative);
font-size: $font-size-h6; font-size: $font-size-h6;
height: 20px; height: 20px;
width: 20px; width: 20px;
@ -52,8 +52,8 @@
&:disabled { &:disabled {
cursor: not-allowed; cursor: not-allowed;
background-color: var(--Grey-100); background-color: var(--color-background-alternative);
color: var(--Grey-300); color: var(--color-text-muted);
} }
} }

4
ui/pages/confirmation/templates/flask/snap-confirm/index.scss
View File

@ -1,7 +1,7 @@
.snap-confirm { .snap-confirm {
padding: 16px 32px; padding: 16px 32px;
border-top: 1px solid var(--Grey-100); border-top: 1px solid var(--color-border-muted);
border-bottom: 1px solid var(--Grey-100); border-bottom: 1px solid var(--color-border-muted);
margin: 24px 0 16px 0; margin: 24px 0 16px 0;
.text { .text {