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

Dark theme does not interfere with the light theme. Dark theme works for input fields and date picker.

Browse source
This commit is contained in:
kindtanton 2019-10-29 10:23:54 +01:00
parent 485d5f23d7
commit 8e4c9b789c
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;
} }