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 : ConfirmEncryptionPublicKey (#14074)

Browse Source
This commit is contained in:
Guillaume Roux 2022-03-21 20:56:30 +01:00 committed by GitHub
parent 2931957870
commit 7596261bed
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
ui/pages/confirm-encryption-public-key/confirm-encryption-public-key.scss
View File

@ -2,7 +2,7 @@
&__container { &__container {
width: 380px; width: 380px;
border-radius: 8px; border-radius: 8px;
background-color: var(--white); background-color: var(--color-background-default);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
@ -54,7 +54,7 @@
&__header-background { &__header-background {
position: absolute; position: absolute;
background-color: var(--athens-grey); background-color: var(--color-background-alternative);
z-index: 2; z-index: 2;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -77,7 +77,7 @@
&__header__tip { &__header__tip {
height: 25px; height: 25px;
width: 25px; width: 25px;
background: var(--athens-grey); background: var(--color-background-alternative);
transform: rotate(45deg); transform: rotate(45deg);
position: absolute; position: absolute;
bottom: -8px; bottom: -8px;
@ -92,7 +92,7 @@
} }
&__account { &__account {
color: var(--dusty-gray); color: var(--color-text-alternative);
margin-left: 17px; margin-left: 17px;
} }
@ -104,7 +104,7 @@
@include H7; @include H7;
height: 22px; height: 22px;
background-color: var(--white); background-color: var(--color-background-default);
width: 124px; width: 124px;
.account-list-item { .account-list-item {
@ -124,7 +124,7 @@
} }
&__balance { &__balance {
color: var(--dusty-gray); color: var(--color-text-alternative);
margin-right: 17px; margin-right: 17px;
width: 124px; width: 124px;
} }
@ -162,7 +162,7 @@
width: 100%; width: 100%;
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
color: var(--dusty-gray); color: var(--color-text-alternative);
} }
&__footer { &__footer {
@ -174,7 +174,7 @@
justify-content: center; justify-content: center;
position: relative; position: relative;
flex: 0 0 auto; flex: 0 0 auto;
border-top: 1px solid var(--geyser); border-top: 1px solid var(--color-border-muted);
padding: 1.6rem; padding: 1.6rem;
button { button {
@ -205,8 +205,8 @@
height: 48px; height: 48px;
&--default { &--default {
background-color: #777a87; background-color: var(--color-background-alternative);
color: white; color: var(--color-text-alternative);
width: 48px; width: 48px;
height: 48px; height: 48px;
border-radius: 24px; border-radius: 24px;