m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 18:00:18 +01:00
Code

Dark Mode: Encrypt / Decrypt (#14081)

Browse Source
This commit is contained in:
David Walsh 2022-03-23 10:40:07 -05:00 committed by GitHub
parent a281db9e60
commit 0ee7b0412b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
ui/pages/confirm-decrypt-message/confirm-decrypt-message.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%;
@ -63,7 +63,7 @@
&__header__text {
@include H3;
color: #5b5d67;
color: var(--color-text-alternative);
z-index: 3;
text-align: center;
}
@ -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-muted);
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-muted);
margin-right: 17px;
width: 124px;
}
@ -166,7 +166,7 @@
overflow-wrap: break-word;
margin: 20px;
overflow: hidden;
border: 1px solid #dedede;
border: 1px solid var(--color-border-alternative);
padding: 5px;
border-radius: 5px;
position: relative;
@ -178,7 +178,7 @@
}
&-cover {
background-color: white;
background-color: var(--color-background-default);
opacity: 0.75;
position: absolute;
height: 100%;
@ -195,7 +195,7 @@
img {
padding: 5px;
background-color: #fff;
background-color: var(--color-background-default);
left: calc(50% - 24px);
position: absolute;
top: calc(50% - 34px);
@ -215,7 +215,7 @@
top: calc(50% + 5px);
text-align: center;
left: calc(50% - 100px);
background-color: white;
background-color: var(--color-background-default);
border-radius: 3px;
}
@ -248,7 +248,7 @@
justify-content: center;
position: relative;
flex: 0 0 auto;
border-top: 1px solid var(--geyser);
border-top: 1px solid var(--color-border-default);
padding: 1.6rem;
button {
@ -279,8 +279,8 @@
height: 48px;
&--default {
background-color: #777a87;
color: white;
background-color: var(--color-background-alternative);
color: var(--color-text-default);
width: 48px;
height: 48px;
border-radius: 24px;

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

@ -63,7 +63,7 @@
&__header__text {
@include H3;
color: #5b5d67;
color: var(--color-text-alternative);
z-index: 3;
text-align: center;
}