99 lines
2.0 KiB
CSS
99 lines
2.0 KiB
CSS
body.dark-mode {
|
|
background-color: #2c2c2c; /* Dark grey background */
|
|
color: #ffffff; /* White text */
|
|
}
|
|
|
|
body.dark-mode .header {
|
|
background: #1e1e1e;
|
|
border-bottom: 1px solid #333;
|
|
}
|
|
|
|
/* Make header link white */
|
|
body.dark-mode .header a, body.dark-mode .header a:hover, body.dark-mode a.text-dark, body.dark-mode a.text-dark:hover {
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
|
|
body.dark-mode .card,
|
|
body.dark-mode .modal-content,
|
|
body.dark-mode .footer {
|
|
background-color: #3a3a3a; /* Lighter grey for cards */
|
|
border: 1px solid #444;
|
|
}
|
|
|
|
body.dark-mode .table {
|
|
background-color: #3a3a3a; /* Lighter grey for tables */
|
|
color: #ffffff;
|
|
}
|
|
|
|
body.dark-mode .table-light {
|
|
background-color: #4a4a4a; /* Slightly lighter grey for table header */
|
|
color: #ffffff;
|
|
}
|
|
|
|
body.dark-mode .nav-tabs .nav-link {
|
|
color: #ffffff;
|
|
border: 1px solid #444;
|
|
}
|
|
|
|
body.dark-mode .nav-tabs .nav-link.active {
|
|
background-color: #4a4a4a;
|
|
border-color: #4a4a4a;
|
|
}
|
|
|
|
body.dark-mode .form-control,
|
|
body.dark-mode .form-select {
|
|
background-color: #4a4a4a;
|
|
color: #ffffff;
|
|
border: 1px solid #666;
|
|
}
|
|
|
|
/* Keep button colors for visibility */
|
|
body.dark-mode .btn-primary {
|
|
background-color: #0d6efd;
|
|
border-color: #0d6efd;
|
|
}
|
|
|
|
body.dark-mode .btn-outline-primary {
|
|
color: #0d6efd;
|
|
border-color: #0d6efd;
|
|
}
|
|
|
|
body.dark-mode .btn-outline-primary:hover {
|
|
background-color: #0d6efd;
|
|
color: #fff;
|
|
}
|
|
|
|
body.dark-mode .btn-outline-secondary {
|
|
color: #8e959c;
|
|
border-color: #8e959c;
|
|
}
|
|
|
|
body.dark-mode .btn-outline-secondary:hover {
|
|
background-color: #6c757d;
|
|
color: #fff;
|
|
}
|
|
|
|
body.dark-mode .btn-outline-info {
|
|
color: #0dcaf0;
|
|
border-color: #0dcaf0;
|
|
}
|
|
|
|
body.dark-mode .btn-outline-info:hover {
|
|
background-color: #0dcaf0;
|
|
color: #000;
|
|
}
|
|
|
|
body.dark-mode .text-muted {
|
|
color: #ccc !important;
|
|
}
|
|
|
|
body.dark-mode .badge.bg-info {
|
|
background-color: #0dcaf0 !important;
|
|
color: #000 !important;
|
|
}
|
|
|
|
/* Override for table header links */
|
|
body.dark-mode .table-light a {
|
|
color: #ffffff !important;
|
|
} |