static/themes/dark-theme.css

@import url("~golden-layout/src/css/goldenlayout-dark-theme.css");

body {
    background-color: #333 !important;
}

.navbar-default {
    background-color: #333 !important;
}

.navbar-default .navbar-nav li a {
    color: #fff !important;
}

.navbar-default .navbar-nav li a:hover {
    color: #fff !important;
    background-color: #23272b !important;
}

.navbar-default ul.nav li:hover {
    color: #fff !important;
    background-color: #23272b !important;
}

.navbar-brand img.inverse {
    display: block !important;
}

.navbar-brand img.normal {
    display: none !important;
}

.lm_header {
    background-color: #121212 !important;
}

.nav.nav-tabs li a {
    color: #eee !important;
    background-color: #666 !important;
}

.nav.nav-tabs li:not(.active) a {
    border-bottom: 1px solid #fff !important;
}

.nav.nav-tabs li.active a {
    background-color: #666 !important;
}

.float-link {
    color: #eee !important;
    background-color: rgba(128, 128, 128, 0.5) !important;
}

.float-link:hover {
    background-color: rgba(128, 128, 160, 0.5) !important;
}

.modal-header {
    color: #eee !important;
    background-color: #333 !important;
    -webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}

.modal-body {
    background-color: #333 !important;
    color: #eee !important;
}

.modal-content .well {
    background-color: #222 !important;
    color: #eee !important;
}

.modal-footer {
    background-color: #333 !important;
    -webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}

.linked-code-decoration-margin {
    background: #433b4b !important;
}

.opcode {
    color: #066 !important;
}

.opcode:nth-child(odd) {
    color: #060 !important;
}

.linked-code-decoration {
    background: #555657 !important;
}

.selectize-control.single .selectize-input {
    color: #eee !important;
    background: #666 linear-gradient(to bottom, #555, #222) !important;
}

.selectize-dropdown {
    color: #aaa !important;
    background-color: #666 !important;
}

.selectize-control.single .selectize-input.disabled {
    color: #eee !important;
    background: #000 !important;
}

.dropdown-menu {
    color: #eee !important;
    background-color: #303030 !important;
}

.dropdown-menu li a {
    color: #eee !important;
}

.dropdown-menu li a:hover {
    background-color: #333 !important;
    color: #fff !important;
}

.font-option {
    color: #eee !important;
    background: #303030 !important;
}

.font-option:hover {
    color: #fff !important;
    background: #887788 !important;
}

.font-option-active {
    background: #474747 !important;
}

.font-option-active:hover {
    background: #998899 !important;
}

.notification {
    background-color: gray !important;
}

.notification-info {
    background-color: #f2f2f2 !important;
}

.notification-error {
    background-color: #aa3333 !important;
    color: #000;
}

.notification-on {
    background-color: #33aa33 !important;
    color: black;
}

.notification-off {
    background-color: #222 !important;
    color: #fff;
}

pre.content {
    color: #aaa !important;
    background-color: #333 !important;
}

.bottom-bar {
    color: #aaa !important;
    background-color: #333 !important;
}

.btn-godbolt {
    color: #fff !important;
    background-color: #343a40 !important;
    border-color: #303040 !important;
}

.btn-godbolt:hover {
    color: #fff !important;
    background-color: #23272b !important;
    border-color: #1d2124 !important;
}

.btn-godbolt:focus, .btn-godbolt.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5) !important;
}

.btn-godbolt.disabled, .btn-godbolt:disabled {
    color: #fff !important;
    background-color: #343a40 !important;
    border-color: #303040 !important;
}

.btn-godbolt:not(:disabled):not(.disabled):active, .btn-godbolt:not(:disabled):not(.disabled).active,
.show > .btn-godbolt.dropdown-toggle {
    color: #fff !important;
    background-color: #1d2124 !important;
    border-color: #171a1d !important;
}

.btn-godbolt:not(:disabled):not(.disabled):active:focus, .btn-godbolt:not(:disabled):not(.disabled).active:focus,
.show > .btn-godbolt.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5) !important;
}

select {
    color: #000 !important;
}

input {
    color: #eee !important;
    background-color: #474747 !important;
    border: 0 !important;
}

input.permalink {
    margin-top: 1px !important;
}

.analysis,
.mixed {
    background: #fdfd96 !important;
}

.passed {
    background: #77dd77 !important;
}

.missed {
    background: #ff6961 !important;
}

.conformance-wrapper {
    background-color: #1e1e1e !important;
}

.graph-placeholder {
    background-color: #1e1e1e !important;
}

.text-count {
    color: green !important;
}

.err-count {
    color: orange !important;
}

.optgroup-header {
    background-color: #555 !important;
    color: #EEE !important;
    text-shadow: none !important;
}

.commit-entry:nth-child(odd) {
    background-color: #222222 !important;
}

.commit-entry:nth-child(even) {
    background-color: #424242 !important;
}

.popover {
    color: #fff !important;
    border: 2px solid #464545 !important;
}

.popover, .popover-content, .libs-container, .lib-list {
    background-color: #333 !important;
}

.lib-item {
    background-color: #333 !important;
}

.lib-arrow-up {
    border-bottom-color: gray !important;
}

.lib-arrow-up.lib-arrow-used {
    border-bottom-color: green !important;
}

.lib-arrow-down {
    border-top-color: gray !important;
}

.lib-arrow-down.lib-arrow-used {
    border-top-color: green !important;
}