Add NPMDarkMode.css

NPMDarkMode.css

@@ -0,0 +1,138 @@
+/* ==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 {
+        background-color: #232323;
+    }
+
+    .tag {
+        color: #fff;
+        background-color: #363636;
+    }
+
+    .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;
+    }
+}