: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; }