1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 01:39:44 +01:00

Dark Mode: Signature Windows (#14018)

This commit is contained in:
David Walsh 2022-03-21 08:35:23 -05:00 committed by GitHub
parent ac0191a5b3
commit 20b6bc0bd4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 20 deletions

View File

@ -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-default-text);
z-index: 3; z-index: 3;
} }
@ -91,7 +91,7 @@
} }
&__account { &__account {
color: var(--dusty-gray); color: var(--color-text-alternative);
margin-left: 17px; margin-left: 17px;
} }
@ -123,7 +123,7 @@
} }
&__balance { &__balance {
color: var(--dusty-gray); color: var(--color-text-alternative);
margin-right: 17px; margin-right: 17px;
width: 124px; width: 124px;
} }
@ -181,7 +181,7 @@
} }
&__notice { &__notice {
color: var(--dusty-gray); color: var(--color-text-alternative);
padding: 0 10px; padding: 0 10px;
} }
@ -193,7 +193,7 @@
height: 100%; height: 100%;
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
border-top: 1px solid var(--geyser); border-top: 1px solid var(--color-border-default);
display: flex; display: flex;
flex-flow: column; flex-flow: column;
} }
@ -208,7 +208,7 @@
@include H5; @include H5;
width: 80px; width: 80px;
color: var(--dusty-gray); color: var(--color-text-alternative);
margin-top: 12px; margin-top: 12px;
margin-left: 18px; margin-left: 18px;
width: 100%; width: 100%;
@ -217,10 +217,10 @@
&__row-value { &__row-value {
@include H6; @include H6;
color: var(--scorpion); color: var(--color-text-alternative);
width: 100%; width: 100%;
overflow-wrap: break-word; overflow-wrap: break-word;
border-bottom: 1px solid #d2d8dd; border-bottom: 1px solid var(--color-border-default);
padding: 6px 18px 15px; padding: 6px 18px 15px;
white-space: pre-wrap; white-space: pre-wrap;
} }
@ -241,7 +241,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 {

View File

@ -9,7 +9,7 @@
@include H6; @include H6;
font-weight: 500; font-weight: 500;
color: #636778; color: var(--color-text-alternative);
margin-left: 12px; margin-left: 12px;
} }
@ -18,15 +18,15 @@
flex: 1 1 0; flex: 1 1 0;
text-align: left; text-align: left;
border-bottom: 1px solid #d2d8dd; border-bottom: 1px solid var(--color-border-default);
padding: 0.5rem; padding: 0.5rem;
margin: 0; margin: 0;
color: #ccc; color: var(--color-text-alternative);
} }
&--root { &--root {
flex: 1 100%; flex: 1 100%;
background-color: #f8f9fb; background-color: var(--color-background-alternative);
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
overflow: auto; overflow: auto;
padding-left: 12px; padding-left: 12px;
@ -42,12 +42,12 @@
padding-left: 0.3rem; padding-left: 0.3rem;
&-label { &-label {
color: #5b5d67; color: var(--color-text-alternative);
margin-left: 0.5rem; margin-left: 0.5rem;
} }
&-value { &-value {
color: black; color: var(--color-text-default);
margin-left: 0.5rem; margin-left: 0.5rem;
white-space: pre-line; white-space: pre-line;
overflow: hidden; overflow: hidden;
@ -63,7 +63,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: var(--Grey-500); background-color: var(--color-background-alternative);
position: absolute; position: absolute;
right: 24px; right: 24px;
bottom: 12px; bottom: 12px;

View File

@ -14,11 +14,11 @@
border-style: solid; border-style: solid;
border-radius: 50%; border-radius: 50%;
border-width: 2px; border-width: 2px;
border-color: var(--primary-blue); border-color: var(--color-primary-default);
} }
&__image-border { &__image-border {
border: 1px solid var(--alto); border: 1px solid var(--color-border-default);
background: var(--white); background: var(--color-background-default);
} }
} }