m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 09:57:02 +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 {
display: flex;
border-top: 1px solid var(--ui-2);
background-color: white;
border-top: 1px solid var(--color-border-muted);
background-color: var(--color-background-default);
padding: 16px;
& .button:first-child {

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

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

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

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