html.dark-mode body{
    color: gainsboro;
    color-scheme: dark;
    background-color: #1a1a1a;
    transition: background-color .36s;
}

html.dark-mode .navbar-inner {
    background-image: linear-gradient(to bottom, #505050, #2a2a2a);
    border: 1px solid #3a3a3a;
}

html.dark-mode form fieldset {
    background-color: #2a2a2a;
}

html.dark-mode .form-control {
    color: gainsboro;
    border: 1px solid #7b7f83;
    background-color: #2c2c2c;
}

html.dark-mode .input-group-text {
    color: gainsboro;
    background-color: #989898;
    border-color: #9c9c9c;
}

html.dark-mode .custom-control-label::before,
html.dark-mode .custom-control-input:checked~.custom-control-label::after {
    background-color: #111;
}

html.dark-mode .form-group>label {
    color: rgb(110, 130, 160) !important;
}

html.dark-mode textarea::placeholder {
    color: gainsboro;
}

html.dark-mode .footer {
    background-color: #5d606460;
    box-shadow: inset 0 1px 0 #7e7e7e;
    border-top: 1px solid #838383;
}

html.dark-mode .btn-primary {
    color: rgb(238, 238, 238);
    background-color: #005fc4;
    border-color: #005fc4;
}

html.dark-mode .tool-tip-icon::after {
    color: #6d8ebe;
}

html.dark-mode .is-warning {
    color: #856404;
    border-color: #ebb103 !important;
    background-color: #ffc107 !important;
    z-index: 5;
}