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: Settings -> Networks (#14134)

Browse Source
This commit is contained in:
David Walsh 2022-03-23 10:16:15 -05:00 committed by GitHub
parent 57c410f369
commit 58f98f0627
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
ui/pages/settings/networks-tab/index.scss
View File

@ -28,7 +28,7 @@
@include H4; @include H4;
padding: 16px 4px; padding: 16px 4px;
border-bottom: 1px solid var(--alto); border-bottom: 1px solid var(--color-border-default);
height: 72px; height: 72px;
align-items: center; align-items: center;
display: flex; display: flex;
@ -42,7 +42,7 @@
&__sub-header-text { &__sub-header-text {
@include H4; @include H4;
color: var(--ui-4); color: var(--color-text-muted);
margin-right: 10px; margin-right: 10px;
} }
@ -96,36 +96,11 @@
&__add-network-form-body { &__add-network-form-body {
display: grid; display: grid;
grid-template-columns: 48% 48%; grid-template-columns: 48% 48%;
// row-gap: 10%;
column-gap: 5%; column-gap: 5%;
margin-top: 24px; margin-top: 24px;
width: 100%; width: 100%;
} }
&__network-form-row {
@media screen and (max-width: $break-small) {
width: 99%;
}
}
&__network-form-label {
display: flex;
align-items: center;
}
&__network-form-label-text {
@include H6;
color: #000;
font-weight: bold;
}
&__network-form-label-tooltip {
@include H7;
margin-left: 5px;
}
&__networks-list { &__networks-list {
flex: 0.5 0 auto; flex: 0.5 0 auto;
max-width: 343px; max-width: 343px;
@ -146,7 +121,7 @@
justify-content: center; justify-content: center;
padding-top: 23px; padding-top: 23px;
padding-bottom: 23px; padding-bottom: 23px;
border-top: 1px solid #d8d8d8; border-top: 1px solid var(--color-border-default);
.button { .button {
width: 178px; width: 178px;
@ -190,7 +165,7 @@
@media screen and (max-width: $break-small) { @media screen and (max-width: $break-small) {
padding: 20px 23px 21px 17px; padding: 20px 23px 21px 17px;
border-bottom: 1px solid #d8d8d8; border-bottom: 1px solid var(--color-border-default);
max-width: 351px; max-width: 351px;
} }
} }
@ -205,7 +180,7 @@
@include Paragraph; @include Paragraph;
margin-left: 11px; margin-left: 11px;
color: #6a737d; color: var(--color-text-alternative);
width: 70%; width: 70%;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -244,7 +219,7 @@
&__networks-list-name--disabled { &__networks-list-name--disabled {
font-weight: 300; font-weight: 300;
color: #cdcdcd; color: var(--color-text-muted);
} }
&__network-form-footer { &__network-form-footer {