Actualiser nginx_proxy_manager.css

This commit is contained in:
Erreur32 2024-06-04 20:22:57 +02:00
parent fe51150b38
commit b60a738229

View File

@ -15,169 +15,159 @@
--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;
}
.tag { .tag {
background-color: #5eba00; background-color: #5eba00;
color: white; } 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-outline-success:hover { .btn-outline-success:hover {
color: #f0eaea; color: #f0eaea;
background-color: #5eba00; background-color: #5eba00;
border-color: #5eba00; } border-color: #5eba00;
}
.tag.hover-green, .tag.hover-green, .tag.hover-green:active, .tag.hover-green, .btn .btn-outline-success {
.tag.hover-green:active,
.tag.hover-green,
.btn .btn-outline-success {
background-color: #4b8b1f; background-color: #4b8b1f;
/* Couleur de fond légèrement plus foncée pour un meilleur contraste */ /* Couleur de fond légèrement plus foncée pour un meilleur contraste */
cursor: pointer; cursor: pointer;
color: #fff; color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
/* Ombre portée pour améliorer la lisibilité */ } /* Ombre portée pour améliorer la lisibilité */
}
.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: #fff; color: #fff;
background-color: #314455; background-color: #314455;
border-color: #dee2e6 #dee2e6 #f5f7fb; } border-color: #dee2e6 #dee2e6 #f5f7fb;
}
/* Cartes */ /* Cartes */
.card { .card {
background-color: var(--secondary-color); background-color: var(--secondary-color);
border: 1px solid var(--border-color); } border: 1px solid var(--border-color);
}
/* Formulaires */ /* Formulaires */
input, input, textarea, select {
textarea,
select {
background-color: var(--primary-color); background-color: var(--primary-color);
color: var(--text-color); color: var(--text-color);
border: 1px solid var(--border-color); } border: 1px solid var(--border-color);
}
/* Tableaux */ /* Tableaux */
table { table {
background-color: var(--secondary-color); background-color: var(--secondary-color);
border: 1px solid var(--border-color); } border: 1px solid var(--border-color);
}
th { th {
background-color: var(--primary-color); background-color: var(--primary-color);
color: var(--text-color); } color: var(--text-color);
}
tr:nth-child(even) { tr:nth-child(even) {
background-color: var(--primary-color); } background-color: var(--primary-color);
}
.modal-content { .modal-content {
background-color: var(--background-color); background-color: var(--background-color);
border-color: white; border-color: white;
border: 1px solid rgba(200, 195, 195, .64); } border: 1px solid rgba(200, 195, 195, .64);
}
.modal-content .form-control { .modal-content .form-control {
color: #171717; color: #171717;
background-color: #c8cace; } background-color: #c8cace;
}
.custom-switch-input:checked ~ .custom-switch-description { .custom-switch-input:checked ~ .custom-switch-description {
color: #d4e0ec; } color: #d4e0ec;
}
.selectize-input, .selectize-control.single .selectize-input.input-active { .selectize-input, .selectize-control.single .selectize-input.input-active {
background: #929aac; background: #929aac;
cursor: text; cursor: text;
display: inline-block; } display: inline-block;
}
.selectize-control.multi .selectize-input > div { .selectize-control.multi .selectize-input > div {
background: #5eba00; background: #5eba00;
color: #fff; color: #fff;
font-size: 17px; font-size: 17px;
font-weight: bold; } font-weight: bold;
}
.custom-switch-description { .custom-switch-description {
margin-left: .5rem; margin-left: .5rem;
color: #a8b0c1; } color: #a8b0c1;
}
.modal-content .form-control, .selectize-input.full1 { .modal-content .form-control, .selectize-input.full1 {
color: #aeecff; color: #aeecff;
background-color: #515255; } background-color: #515255;
}
.modal-open .modal { .modal-open .modal {
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
background: var(--background-color); } background: var(--background-color);
}
} }