diff --git a/NPMDarkMode.css b/NPMDarkMode.css new file mode 100644 index 0000000..b6e789d --- /dev/null +++ b/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; + } +} \ No newline at end of file