haldis/app/static/css/darkmode.css

:root {
	/*Darkmode colors*/
	--dGray0:#D0D0D8;
	--dGray1:#8E8E93;
	--dGray2:#636366;
	--dGray3:#48484A;
	--dGray4:#3A3A3C;
	--dGray5:#2C2C2E;
	--dGray6:#1C1C1E;
	--dBlue:#0A84FF;
}
.table-hover tbody tr:hover{
	background-color: var(--dGray3);
}
body{
	background-color: var(--dGray5);
	color: var(--dGray1);
}
a {
	color: var(--dBlue);
}
.btn-primary {
	color: var(--dGray6);
	background-color: var(--dBlue);
}

.navbar {
	background-color: var(--dGray6);
}
.navbar-default .navbar-nav .active a{
	background-color: var(--dGray4);
	color: var(--dGray1);
}
.navbar-default .navbar-nav .active a:hover{
	background-color: var(--dGray3);
	color: var(--dGray0);
}
.navbar-default .navbar-nav li a,.navbar-default .navbar-brand{
	color: var(--dGray1);
}
.navbar-default .navbar-nav li a:hover,.navbar-default .navbar-brand:hover{
	color: var(--dGray0);
}
hr{
	border-top: 1px solid var(--dGray2);
}

h1, h2, h3, h4, h5, h6{
	color: var(--dGray1);
}

.jumbotron, .darker {
	background-color: var(--dGray4);
}
.table tbody tr td {
	border-top: 1px solid var(--dGray3);
}
.table thead tr th {
	border-bottom: 2px solid var(--dGray2);
}
.navbar-toggle .icon-bar {
	background-color: var(--dGray0);
	opacity: 0.5;
}
.select2-container--default .select2-selection--single{
	background-color: var(--dGray3);
	color: var(--dGray0);
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	color: var(--dGray0);
}
.select2-results__option{
	background-color: var(--dGray5);
	color: var(--dGray0);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--dGray4);
	color: var(--dGray0);
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td span:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
	background: var(--dGray4);
}

.select2-container--default .select2-results__option[aria-selected=true]{
	background-color: var(--dBlue);
	color: var(--dGray0);
}
.select2-search{
	background-color: var(--dGray2);
}
.select2-search input{
	background-color: var(--dGray0);
}
.dropdown-menu{
	background-color: var(--dGray5);
}
.form-control{
	color: var(--dGray0);
}
.form-control::placeholder{
	color: var(--dGray2);
}
.enter_darkmode>a {
	text-align: center;
}