dark-malpedia.user.css

/* ==UserStyle==
@name         Dark Malpedia
@author       Still
@version      1.0.0
@license      MIT
@preprocessor default
==/UserStyle== */
@-moz-document domain("malpedia.caad.fkie.fraunhofer.de") {
    :root {
        --bg-color: hsl(212, 10%, 13%);
        --bg-color-dark: hsl(212, 10%, 8%);
        --bg-color-light: hsl(212, 10%, 20%);
        --bg-color-light-alt: hsl(212, 10%, 16%);
        --bg-color-highlight: hsl(221, 30%, 20%);
        --bg-color-orange: hsl(36, 53%, 38%);
        --bg-color-blue-light: hsl(226, 46%, 50%);
        --bg-color-blue: hsl(226, 46%, 25%);
        --bg-color-green: hsl(106, 46%, 25%);
        --bg-color-red: hsl(346, 46%, 25%);
        --bg-color-blue-dark: hsl(226, 64%, 15%);
        --bg-color-dropdown: var(--bg-color-light-alt);
        --text-color: #f1f1f1;
        --text-color-dark: #bbb;
        --black: var(--bg-color);
        --white: var(--text-color);
    }
}
@-moz-document domain("malpedia.caad.fkie.fraunhofer.de") {
    body,
    .bg-faded,
    .modal-content {
        background: var(--bg-color);
        color: var(--text-color);
    }
    .navbar-toggleable-md .navbar-nav .dropdown-menu,
    .dropdown-item,
    .selectize-dropdown,
    .selectize-input{
        background: var(--bg-color-dropdown);
        color: var(--text-color);
    }
    .selectize-input input,
    .navbar-light .navbar-nav .nav-link {
        color: var(--white);
    }
    .card {
        background: var(--bg-color-light-alt);
        color: var(--text-color);
    }
    .form-control,
    .card-header {
        background: var(--bg-color-light);
        color: var(--text-color);
    }
    .selectize-input.full,
    .selectize-input,
    .selectize-control.single .selectize-input.input-active {
        background: var(--bg-color-light-alt);
        border-color: var(--bg-color-light);
    }
    .page-link {
        border-color: var(--bg-color-light);
        background: var(--bg-color-dark);
    }
    .form-control:focus {
        background: var(--bg-color-dark);
        color: var(--text-color);
    }
    .text-muted {
        color: var(--text-color) !important;
        filter: brightness(95%);
    }
    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.open,
    .navbar-light .navbar-nav .open > .nav-link {
        color: var(--bg-color-blue);
        filter: brightness(400%);
    }
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: var(--bg-color-red);
        filter: brightness(400%);
    }
}