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

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

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