Browse Source

muted admin UI color

master
chrislu 22 hours ago
parent
commit
82f2c3757f
  1. 59
      weed/admin/static/css/admin.css

59
weed/admin/static/css/admin.css

@ -23,11 +23,11 @@
}
.sidebar .nav-link:hover {
color: #007bff;
color: #5b7c99;
}
.sidebar .nav-link.active {
color: #007bff;
color: #5b7c99;
}
.sidebar .nav-link:hover .feather,
@ -51,23 +51,23 @@ main {
/* Custom card styles */
.border-left-primary {
border-left: 0.25rem solid #4e73df !important;
border-left: 0.25rem solid #6b8caf !important;
}
.border-left-success {
border-left: 0.25rem solid #1cc88a !important;
border-left: 0.25rem solid #5a8a72 !important;
}
.border-left-info {
border-left: 0.25rem solid #36b9cc !important;
border-left: 0.25rem solid #6a9aaa !important;
}
.border-left-warning {
border-left: 0.25rem solid #f6c23e !important;
border-left: 0.25rem solid #b8995e !important;
}
.border-left-danger {
border-left: 0.25rem solid #e74a3b !important;
border-left: 0.25rem solid #a5615c !important;
}
/* Status badges */
@ -75,6 +75,37 @@ main {
font-size: 0.875em;
}
/* Muted badge colors - override Bootstrap defaults */
.badge.bg-primary,
.bg-primary {
background-color: #6b8caf !important;
}
.badge.bg-success,
.bg-success {
background-color: #5a8a72 !important;
}
.badge.bg-info,
.bg-info {
background-color: #6a9aaa !important;
}
.badge.bg-warning,
.bg-warning {
background-color: #b8995e !important;
}
.badge.bg-danger,
.bg-danger {
background-color: #a5615c !important;
}
.badge.bg-secondary,
.bg-secondary {
background-color: #7a7d85 !important;
}
/* Progress bars */
.progress {
background-color: #f8f9fc;
@ -123,13 +154,13 @@ main {
/* Buttons */
.btn-primary {
background-color: #4e73df;
border-color: #4e73df;
background-color: #6b8caf;
border-color: #6b8caf;
}
.btn-primary:hover {
background-color: #2e59d9;
border-color: #2653d4;
background-color: #5b7c99;
border-color: #5b7c99;
}
/* Text utilities */
@ -163,7 +194,7 @@ main {
/* Custom utilities */
.bg-gradient-primary {
background: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
background: linear-gradient(180deg, #6b8caf 10%, #5b7c99 100%);
}
.shadow {
@ -184,11 +215,11 @@ main {
}
.nav-link[data-bs-toggle="collapse"]:not(.collapsed) {
color: #007bff;
color: #5b7c99;
}
.nav-link[data-bs-toggle="collapse"]:not(.collapsed) .fa-chevron-down {
color: #007bff;
color: #5b7c99;
}
/* Submenu styles */

Loading…
Cancel
Save