forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-08-01 16:41:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed inputs colors in dark theme when they are outside of cards

Browse Source
This commit is contained in:
Alejandro Celaya
2021-02-17 11:03:42 +01:00
parent 7f6c71e8d7
commit 83791157ce
3 changed files with 26 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/index.scss
View File

@@ -44,6 +44,10 @@ body,
background-color: var(--primary-color); background-color: var(--primary-color);
} }
.list-group {
background-color: var(--primary-color);
}
.modal-content, .modal-content,
.page-link, .page-link,
.page-item.disabled .page-link, .page-item.disabled .page-link,
@@ -121,10 +125,15 @@ body,
.form-control, .form-control,
.form-control:focus { .form-control:focus {
background-color: var(--input-color); background-color: var(--primary-color);
border-color: var(--input-border-color); border-color: var(--input-border-color);
} }
.card .form-control,
.card .form-control:hover {
background-color: var(--input-color);
}
.navbar-brand { .navbar-brand {
@media (max-width: $smMax) { @media (max-width: $smMax) {
margin: 0 auto !important; margin: 0 auto !important;

6
src/utils/DateInput.scss
View File

@@ -10,7 +10,11 @@
} }
.date-input-container__input:not(:disabled) { .date-input-container__input:not(:disabled) {
background-color: #ffffff !important; background-color: var(--primary-color) !important;
}
.card .date-input-container__input:not(:disabled) {
background-color: var(--input-color) !important;
} }
.date-input-container__icon { .date-input-container__icon {

13
src/utils/DropdownBtn.scss
View File

@@ -6,12 +6,21 @@
.dropdown-btn__toggle.dropdown-btn__toggle:not(:disabled):not(.disabled):focus, .dropdown-btn__toggle.dropdown-btn__toggle:not(:disabled):not(.disabled):focus,
.dropdown-btn__toggle.dropdown-btn__toggle:not(:disabled):not(.disabled):hover, .dropdown-btn__toggle.dropdown-btn__toggle:not(:disabled):not(.disabled):hover,
.show > .dropdown-btn__toggle.dropdown-btn__toggle.dropdown-toggle { .show > .dropdown-btn__toggle.dropdown-btn__toggle.dropdown-toggle {
color: #6c757d;
background-color: var(--input-color);
text-align: left; text-align: left;
color: #6c757d;
background-color: var(--primary-color);
border-color: var(--input-border-color); border-color: var(--input-border-color);
} }
.card .dropdown-btn__toggle.dropdown-btn__toggle,
.card .dropdown-btn__toggle.dropdown-btn__toggle:not(:disabled):not(.disabled).active,
.card .dropdown-btn__toggle.dropdown-btn__toggle:not(:disabled):not(.disabled):active,
.card .dropdown-btn__toggle.dropdown-btn__toggle:not(:disabled):not(.disabled):focus,
.card .dropdown-btn__toggle.dropdown-btn__toggle:not(:disabled):not(.disabled):hover,
.show > .card .dropdown-btn__toggle.dropdown-btn__toggle.dropdown-toggle {
background-color: var(--input-color);
}
.dropdown-btn__toggle.dropdown-btn__toggle:after { .dropdown-btn__toggle.dropdown-btn__toggle:after {
@include vertical-align(); @include vertical-align();