/***** Dark Mode *****/

body.darkmode {
    --font: white;
    --font-faded: #ccc;
    --panel-bg: rgba(84, 79, 79, 0.78);
    --collapse-bg: rgb(45, 45, 45);
    --input-bg: black;
    --input-border: #4e4e4e;
    --input-border-active: white;
    --success: #0fea00;
    --warning: #ffc800;
}

body.darkmode {
    background: url(resources/tile_dark.jpg);
}

.darkmode .btn-outline-dark {
    background-color: #8d8d8d;
    color: #151515;
}

.darkmode .btn-outline-dark:not(:disabled):not(.disabled).active,
.darkmode .btn-outline-dark:not(:disabled):not(.disabled):active,
.darkmode .show>.btn-outline-dark.dropdown-toggle {
    background-color: black;
}

.darkmode .btn-outline-dark.focus,
.darkmode .btn-outline-dark:focus,
.darkmode .btn-outline-dark:hover {
    background-color: black;
    color: white;
    border-color: black;
}