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

Dark Mode: Remove Scorpion (#14174)

This commit is contained in:
David Walsh 2022-03-24 09:45:00 -05:00 committed by GitHub
parent dd032dc324
commit 2ab2b594ed
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 13 deletions

View File

@ -13,7 +13,7 @@
&__label { &__label {
@include H7; @include H7;
color: #313b5e; color: var(--color-text-muted);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -35,13 +35,13 @@
&__error-text { &__error-text {
@include H7; @include H7;
color: red; color: var(--color-error-default);
} }
&__warning-text { &__warning-text {
@include H7; @include H7;
color: orange; color: var(--color-secondary-default);
} }
&__input-wrapper { &__input-wrapper {
@ -55,6 +55,7 @@
direction: ltr; direction: ltr;
border: 1px solid var(--color-border-muted); border: 1px solid var(--color-border-muted);
border-radius: 4px; border-radius: 4px;
background: var(--color-background-default);
color: var(--color-text-alternative); color: var(--color-text-alternative);
height: 24px; height: 24px;
width: 100%; width: 100%;
@ -81,11 +82,11 @@
right: 0; right: 0;
width: 17px; width: 17px;
height: 24px; height: 24px;
border: 1px solid #dadada; border: 1px solid var(--color-border-default);
border-top-right-radius: 4px; border-top-right-radius: 4px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
color: #9b9b9b; color: var(--color-icon-default);
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
cursor: pointer; cursor: pointer;

View File

@ -35,7 +35,6 @@
--alabaster: #fafafa; --alabaster: #fafafa;
--silver-chalice: #aeaeae; --silver-chalice: #aeaeae;
--tundora: #4d4d4d; --tundora: #4d4d4d;
--scorpion: #5d5d5d;
--silver: #cdcdcd; --silver: #cdcdcd;
--malibu-blue: #b8cbd8; --malibu-blue: #b8cbd8;
--athens-grey: #e9edf0; --athens-grey: #e9edf0;

View File

@ -2,10 +2,10 @@
@include Paragraph; @include Paragraph;
height: 54px; height: 54px;
border: 1px solid var(--alto); border: 1px solid var(--color-border-default);
border-radius: 4px; border-radius: 4px;
background-color: var(--white); background-color: var(--color-background-default);
color: var(--scorpion); color: var(--color-text-muted);
padding: 8px 10px; padding: 8px 10px;
position: relative; position: relative;
@ -16,7 +16,7 @@
&__input { &__input {
@include Paragraph; @include Paragraph;
color: var(--scorpion); color: var(--color-text-muted);
border: none; border: none;
max-width: 22ch; max-width: 22ch;
} }
@ -24,7 +24,7 @@
&__primary-currency { &__primary-currency {
@include Paragraph; @include Paragraph;
color: var(--scorpion); color: var(--color-text-muted);
font-weight: 400; font-weight: 400;
} }
@ -36,7 +36,7 @@
&__converted-currency { &__converted-currency {
@include H7; @include H7;
color: var(--dusty-gray); color: var(--color-text-muted);
} }
&__input-wrapper { &__input-wrapper {
@ -64,7 +64,7 @@
&__currency-symbol { &__currency-symbol {
margin-top: 1px; margin-top: 1px;
color: var(--scorpion); color: var(--color-text-muted);
} }
.react-numeric-input { .react-numeric-input {