Actualiser nginx_proxy_manager.css
This commit is contained in:
parent
155eeb37b2
commit
4a89c46791
@ -1,183 +1,188 @@
|
|||||||
|
/* ==UserStyle==
|
||||||
|
@name Nginx Proxy Manager - dark theme
|
||||||
|
@version 20240604.12.41
|
||||||
|
@namespace https://userstyles.world/user/Erreur32
|
||||||
|
@description Dark theme nginx proxy manager
|
||||||
|
@author Erreur32
|
||||||
|
==/UserStyle== */
|
||||||
@-moz-document url-prefix("http://192.168.1.200:81") {
|
@-moz-document url-prefix("http://192.168.1.200:81") {
|
||||||
/* Couleurs de base */
|
/* Couleurs de base */
|
||||||
:root {
|
:root {
|
||||||
--primary-color: #1e2533;
|
--primary-color: #1e2533;
|
||||||
--secondary-color: #272e3b;
|
--secondary-color: #272e3b;
|
||||||
--accent-color: #5e72e4;
|
--accent-color: #5e72e4;
|
||||||
--accent-color-alt: #6b63f5;
|
--accent-color-alt: #6b63f5;
|
||||||
--text-color: #c5c9d2;
|
--text-color: #c5c9d2;
|
||||||
--text-color-muted: #9da5b4;
|
--text-color-muted: #9da5b4;
|
||||||
--border-color: #35404f;
|
--border-color: #35404f;
|
||||||
--background-color: #1e2533; }
|
--background-color: #1e2533; }
|
||||||
|
|
||||||
/* Thème général */
|
/* Thème général */
|
||||||
body {
|
body {
|
||||||
background-color: var(--background-color);
|
background-color: var(--background-color);
|
||||||
color: var(--text-color); }
|
color: var(--text-color); }
|
||||||
|
|
||||||
/* En-tête */
|
/* En-tête */
|
||||||
.header, .footer {
|
.header, .footer {
|
||||||
/*background-color: var(--primary-color);*/
|
/*background-color: var(--primary-color);*/
|
||||||
border-bottom: 1px solid var(--border-color);
|
border-bottom: 1px solid var(--border-color);
|
||||||
background-color: var(--background-color); }
|
background-color: var(--background-color); }
|
||||||
|
|
||||||
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand, .navbar-light .navbar-brand:focus {
|
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand, .navbar-light .navbar-brand:focus {
|
||||||
color: unset; }
|
color: unset; }
|
||||||
|
|
||||||
.text-default {
|
.text-default {
|
||||||
color: unset !important; }
|
color: unset !important; }
|
||||||
|
|
||||||
.navbar-brand {
|
.navbar-brand {
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
/* Navigation */
|
/* Navigation */
|
||||||
.header .dropdown-menu {
|
.header .dropdown-menu {
|
||||||
margin-top: .75rem;
|
margin-top: .75rem;
|
||||||
background-color: #272e3b; }
|
background-color: #272e3b; }
|
||||||
|
|
||||||
.dropdown-item {
|
.dropdown-item {
|
||||||
color: #6e7687;
|
color: #6e7687;
|
||||||
background-color: unset;
|
background-color: unset;
|
||||||
border-color: #dee2e6 #dee2e6 #f5f7fb; }
|
border-color: #dee2e6 #dee2e6 #f5f7fb; }
|
||||||
|
|
||||||
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
|
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
background-color: #c5c9d2;
|
background-color: #c5c9d2;
|
||||||
border-color: #dee2e6 #dee2e6 #f5f7fb; }
|
border-color: #dee2e6 #dee2e6 #f5f7fb; }
|
||||||
|
|
||||||
|
|
||||||
.dropdown-menu {
|
.dropdown-menu {
|
||||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
||||||
min-width: 12rem;
|
min-width: 12rem;
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
.nav-tabs .nav-link:hover {
|
.nav-tabs .nav-link:hover {
|
||||||
border-color: #e9ecef #e9ecef #dee2e6;
|
border-color: #e9ecef #e9ecef #dee2e6;
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
.nav-tabs .nav-link:hover:not(.disabled) {
|
.nav-tabs .nav-link:hover:not(.disabled) {
|
||||||
border-color: white;
|
border-color: white;
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
.form-control {
|
.form-control {
|
||||||
color: #495057;
|
color: #495057;
|
||||||
background-color: #222631; }
|
background-color: #222631; }
|
||||||
|
|
||||||
|
|
||||||
.dropdown-menu {
|
.dropdown-menu {
|
||||||
background-color: var(--background-color);
|
background-color: var(--background-color);
|
||||||
border-color: white; }
|
border-color: white; }
|
||||||
|
|
||||||
.dropdown-item:hover, .dropdown-item:focus {
|
.dropdown-item:hover, .dropdown-item:focus {
|
||||||
color: #1e2533;
|
color: #1e2533;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: #f8f9fa; }
|
background-color: #f8f9fa; }
|
||||||
|
|
||||||
.dropdown-item {
|
.dropdown-item {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: unset;
|
background-color: unset;
|
||||||
border-color: #dee2e6 #dee2e6 #f5f7fb; }
|
border-color: #dee2e6 #dee2e6 #f5f7fb; }
|
||||||
|
|
||||||
/* Boutons
|
|
||||||
button,
|
|
||||||
.btn {
|
|
||||||
background-color: var(--accent-color);
|
|
||||||
color: #fff; }
|
|
||||||
|
|
||||||
|
.tag {
|
||||||
button:hover,
|
background-color: #5eba00;
|
||||||
.btn:hover {
|
color: white; }
|
||||||
background-color: var(--accent-color-alt); }
|
|
||||||
*/
|
|
||||||
.tag {
|
|
||||||
background-color: #5eba00;
|
|
||||||
color: white; }
|
|
||||||
|
|
||||||
.bg-success {
|
.bg-success {
|
||||||
background-color: #5eba00 !important; }
|
background-color: #5eba00 !important; }
|
||||||
|
|
||||||
.bg-warning {
|
.bg-warning {
|
||||||
background-color: #f95801 !important; }
|
background-color: #f95801 !important; }
|
||||||
|
|
||||||
/*
|
|
||||||
.btn, button {
|
.btn-outline-success:hover {
|
||||||
|
color: #f0eaea;
|
||||||
|
background-color: #5eba00;
|
||||||
|
border-color: #5eba00; }
|
||||||
|
|
||||||
|
.tag.hover-green,
|
||||||
|
.tag.hover-green:active,
|
||||||
|
.tag.hover-green,
|
||||||
|
.btn .btn-outline-success {
|
||||||
|
background-color: #4b8b1f;
|
||||||
|
/* Couleur de fond légèrement plus foncée pour un meilleur contraste */
|
||||||
|
cursor: pointer;
|
||||||
|
color: #fff;
|
||||||
|
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
|
||||||
|
/* Ombre portée pour améliorer la lisibilité */ }
|
||||||
|
|
||||||
|
/*
|
||||||
|
.btn-outline-success {
|
||||||
color: #060606;
|
color: #060606;
|
||||||
}*/
|
background-color: #a69c17;
|
||||||
.btn-outline-success:hover {
|
border-color: #f4e950; }
|
||||||
color: #f0eaea;
|
|
||||||
background-color: #5eba00;
|
|
||||||
border-color: #5eba00; }
|
|
||||||
|
|
||||||
.tag.hover-green,
|
.btn:not(:disabled):not(.disabled) .btn-outline-success {
|
||||||
.tag.hover-green:active,
|
cursor: pointer;
|
||||||
.tag.hover-green,
|
color: #1c1c1e; }
|
||||||
.btn .btn-outline-success {
|
|
||||||
background-color: #4b8b1f;
|
|
||||||
/* Couleur de fond légèrement plus foncée pour un meilleur contraste */
|
|
||||||
cursor: pointer;
|
|
||||||
color: #fff;
|
|
||||||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
|
|
||||||
/* Ombre portée pour améliorer la lisibilité */ }
|
|
||||||
|
|
||||||
/*
|
button:hover {
|
||||||
.btn-outline-success {
|
background-color: var(--accent-color-alt); }
|
||||||
color: #060606;
|
|
||||||
background-color: #a69c17;
|
|
||||||
border-color: #f4e950; }
|
|
||||||
|
|
||||||
.btn:not(:disabled):not(.disabled) .btn-outline-success {
|
.btn:hover {
|
||||||
cursor: pointer;
|
background-color: #5eba00;
|
||||||
color: #1c1c1e;
|
border-color: #5eba00; }
|
||||||
}
|
*/
|
||||||
|
/* Cartes */
|
||||||
|
.card {
|
||||||
|
background-color: var(--secondary-color);
|
||||||
|
border: 1px solid var(--border-color); }
|
||||||
|
|
||||||
button:hover {
|
/* Formulaires */
|
||||||
background-color: var(--accent-color-alt); }
|
input,
|
||||||
|
textarea,
|
||||||
|
select {
|
||||||
|
background-color: var(--primary-color);
|
||||||
|
color: var(--text-color);
|
||||||
|
border: 1px solid var(--border-color); }
|
||||||
|
|
||||||
.btn:hover {
|
/* Tableaux */
|
||||||
background-color: #5eba00;
|
table {
|
||||||
border-color: #5eba00; }
|
background-color: var(--secondary-color);
|
||||||
|
border: 1px solid var(--border-color); }
|
||||||
|
|
||||||
*/
|
th {
|
||||||
/* Cartes */
|
background-color: var(--primary-color);
|
||||||
.card {
|
color: var(--text-color); }
|
||||||
background-color: var(--secondary-color);
|
|
||||||
border: 1px solid var(--border-color); }
|
|
||||||
|
|
||||||
/* Formulaires */
|
tr:nth-child(even) {
|
||||||
input,
|
background-color: var(--primary-color); }
|
||||||
textarea,
|
|
||||||
select {
|
|
||||||
background-color: var(--primary-color);
|
|
||||||
color: var(--text-color);
|
|
||||||
border: 1px solid var(--border-color); }
|
|
||||||
|
|
||||||
/* Tableaux */
|
|
||||||
table {
|
|
||||||
background-color: var(--secondary-color);
|
|
||||||
border: 1px solid var(--border-color); }
|
|
||||||
|
|
||||||
th {
|
.modal-content {
|
||||||
background-color: var(--primary-color);
|
background-color: #0e1219;
|
||||||
color: var(--text-color); }
|
border-color: white;
|
||||||
|
border: 1px solid rgba(200, 195, 195, .64); }
|
||||||
|
|
||||||
tr:nth-child(even) {
|
.modal-content .form-control {
|
||||||
background-color: var(--primary-color); }
|
color: #171717;
|
||||||
|
background-color: #c8cace; }
|
||||||
|
|
||||||
/*
|
.custom-switch-input:checked ~ .custom-switch-description {
|
||||||
.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus {
|
color: #d4e0ec; }
|
||||||
color: rgba(63, 118, 182, .9); }
|
|
||||||
*/
|
|
||||||
/*
|
|
||||||
.tag.hover-green, .tag.hover-green, .tag.hover-green:focus {
|
|
||||||
background-color: #5eba00;
|
|
||||||
cursor: pointer;
|
|
||||||
color: #fff; }
|
|
||||||
*/
|
|
||||||
/*
|
|
||||||
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
|
|
||||||
color: #495057;
|
|
||||||
background-color: unset;
|
|
||||||
border-color: #dee2e6 #dee2e6 #f5f7fb;
|
|
||||||
|
|
||||||
}*/
|
.selectize-input, .selectize-control.single .selectize-input.input-active {
|
||||||
}
|
background: #929aac;
|
||||||
|
cursor: text;
|
||||||
|
display: inline-block; }
|
||||||
|
|
||||||
|
.selectize-control.multi .selectize-input > div {
|
||||||
|
background: #5eba00;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 17px;
|
||||||
|
font-weight: bold; }
|
||||||
|
|
||||||
|
.custom-switch-description {
|
||||||
|
margin-left: .5rem;
|
||||||
|
color: #a8b0c1; }
|
||||||
|
|
||||||
|
.modal-content .form-control, .selectize-input.full1 {
|
||||||
|
color: #aeecff;
|
||||||
|
background-color: #515255; } }
|
||||||
Loading…
Reference in New Issue
Block a user