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