Add light mode CSS overrides for readability

This commit is contained in:
Michal Sedlák
2026-10-14 22:31:33 +02:00
parent 3fe7f4842b
commit c275af767d
+22
View File
@@ -45,3 +45,25 @@ a:hover, .btn:hover, .nav-link:hover {
.table th, .table td {
border-color: rgba(255,255,255,0.1) !important;
}
/* Light mode overrides */
html[data-bs-theme="light"] {
--bg-light: #f8f9fa;
--bg-light2: #ffffff;
--text-dark: #212529;
}
html[data-bs-theme="light"] body {
background: var(--bg-light);
color: var(--text-dark);
}
html[data-bs-theme="light"] .dark-box {
background: rgba(255, 255, 255, 0.8);
color: var(--text-dark);
}
html[data-bs-theme="light"] .modal-content {
background: #fff !important;
color: var(--text-dark) !important;
}
html[data-bs-theme="light"] .table {
color: var(--text-dark) !important;
}