Haldis/haldis
5
0
Fork 0
Code Issues 39 Pull requests Projects Releases Packages Wiki Activity

Merge pull request #156 from KindtAnton/master

Browse source 
Added Dark mode for input fields + Dark mode does not interfere with Light mode.
This commit is contained in:
Jan-Pieter Baert 2019-10-29 10:40:33 +01:00 committed by GitHub
commit 3f045c54e4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 46 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
app/static/css/main.css
View file

@ -65,7 +65,7 @@ div.box:hover {
box-shadow: 2px 4px 4px -1px #888888; box-shadow: 2px 4px 4px -1px #888888;
} }
.table-hover tbody tr:hover{ .darkmode .table-hover tbody tr:hover{
background-color: var(--dGray3); background-color: var(--dGray3);
} }
@ -104,9 +104,9 @@ a.divLink {
.darkmode a { .darkmode a {
color: var(--dBlue); color: var(--dBlue);
} }
.darkmode .btn { .darkmode .btn-primary {
color: white; color: white;
background-color: var(--dBlue);; background-color: var(--dBlue);
} }
.darkmode .navbar { .darkmode .navbar {
@ -154,7 +154,50 @@ a.divLink {
background-color: var(--dGray0); background-color: var(--dGray0);
opacity: 0.5; opacity: 0.5;
} }
.darkmode .select2-container--default .select2-selection--single{
background-color: var(--dGray3);
border: 1px solid var(--dGray1);
color: var(--dGray0);
}
.darkmode .select2-container--default .select2-selection--single .select2-selection__rendered{
color: var(--dGray0);
}
.darkmode .select2-results__option{
background-color: var(--dGray5);
color: var(--dGray0);
}
.darkmode .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: var(--dGray4);
color: var(--dGray0);
}
.darkmode .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.darkmode .bootstrap-datetimepicker-widget table td.day:hover,
.darkmode .bootstrap-datetimepicker-widget table td.hour:hover,
.darkmode .bootstrap-datetimepicker-widget table td.minute:hover,
.darkmode .bootstrap-datetimepicker-widget table td span:hover,
.darkmode .bootstrap-datetimepicker-widget table td.second:hover {
background: var(--dGray4);
}
.darkmode .select2-container--default .select2-results__option[aria-selected=true]{
background-color: var(--dBlue);
color: white;
}
.darkmode .select2-search{
background-color: var(--dGray2);
}
.darkmode .select2-search input{
background-color: var(--dGray0);
}
.darkmode .dropdown-menu{
background-color: var(--dGray5);
}
.darkmode .form-control{
color: white;
}
.darkmode .form-control::placeholder{
color: var(--dGray2);
}
.enter_darkmode>a { .enter_darkmode>a {
text-align: center; text-align: center;
} }