StylusThemes/NPMDarkMode.css

/* ==UserStyle==
@name           Nginx Proxy Manager Dark Mode
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Dark mode theme for the Nginx Proxy Manager (https://nginxproxymanager.com/).
@author         SeaswimmerTheFsh
==/UserStyle== */
@-moz-document url-prefix("http://codsticks:81/") {
    .header {
        background: #0f0f0f;
    }

    .footer {
        background: #0f0f0f;
    }

    .text-muted {
        color: #d2d2d3 !important;
    }

    .text-default {
        color: #3176bc !important;
    }

    .card {
        background-color: #494949;
    }

    .form-control,
    .form-control:focus,
    .form-control::placeholder,
    .tag {
        color: #fff;
        opacity: 1;
        background-color: #363636;
    }

    .selectize-input,
    .selectize-control.single,
    .selectize-input.input-active {
        background: #363636 !important;
        color: #fff;
        cursor: text;
        display: inline-block;
    }

    .selectize-dropdown .active {
        color: #fff;
        background-color: #363636;
    }

    .custom-switch-indicator {
        background: #363636;
    }

    .custom-switch-description {
        color: #fff !important;
    }

    .btn-secondary {
        color: #f6f6f6;
        background-color: #363636;
    }

    .modal-header {
        border-bottom: 0px;
        background-color: #0f0f0f;
    }

    .modal-body {
        border-top: 1px solid #494949;
        background-color: #232323;
    }

    .modal-footer {
        background-color: #232323;
        border-top: 0px
    }

    .btn-secondary:hover {
        color: #f6f6f6;
        background-color: #232323;
    }

    .table thead th,
    .text-wrap table thead th {
        border-bottom: 1px solid #232323;
    }

    .table th,
    .text-wrap table th,
    .table td,
    .text-wrap table td {
        border-top: 1px solid #232323;
    }

    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.show .nav-link {
        background-color: #0f0f0f;
    }

    .dropdown-menu {
        background-color: #494949;
    }

    .dropdown-item {
        color: #fff;
    }

    .dropdown-item:hover {
        color: #fff;
        background-color: #232323;
    }

    body {
        color: #fff;
        background-color: #232323;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a,
    .h1 a,
    .h2 a,
    .h3 a,
    .h4 a,
    .h5 a,
    .h6 a,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        color: #fff;
    }

    .navbar-light .navbar-brand {
        color: rgba(255, 255, 255, .9);
    }

    .navbar-light .navbar-brand:hover,
    .navbar-light .navbar-brand:focus {
        color: rgba(204, 204, 204, .9);
    }

    .nav-tabs .nav-link:hover:not(.disabled) {
        border-color: #fff;
        color: #fff;
    }
}