mirror of
https://github.com/Significant-Gravitas/AutoModerate.git
synced 2026-11-10 04:42:00 -10:00
Bentlybro
03f546cda4
Replaces monolithic base.css with modular CSS files for layout, dark mode, tables, forms, modals, and responsive utilities. Moves theme initialization script from base.js to base.html to prevent dark mode flash on page load. Updates base.html to reference new CSS files and removes the old base.css import.
59 lines
1.7 KiB
CSS
59 lines
1.7 KiB
CSS
/* Modal content improvements for dark mode */
|
|
[data-bs-theme="dark"] .modal-content .bg-light {
|
|
background-color: #495057 !important;
|
|
color: #dee2e6 !important;
|
|
}
|
|
|
|
[data-bs-theme="dark"] .modal-content pre {
|
|
background-color: #495057 !important;
|
|
color: #dee2e6 !important;
|
|
border: 1px solid #6c757d !important;
|
|
}
|
|
|
|
[data-bs-theme="dark"] .modal-content .border {
|
|
border-color: #495057 !important;
|
|
background-color: #343a40 !important;
|
|
}
|
|
|
|
/* Dark mode pagination styling */
|
|
[data-bs-theme="dark"] .pagination .page-link {
|
|
background-color: #343a40 !important;
|
|
border-color: #495057 !important;
|
|
color: #adb5bd !important;
|
|
}
|
|
|
|
[data-bs-theme="dark"] .pagination .page-link:hover {
|
|
background-color: #495057 !important;
|
|
border-color: #6c757d !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
[data-bs-theme="dark"] .pagination .page-link:focus {
|
|
background-color: #495057 !important;
|
|
border-color: #0dcaf0 !important;
|
|
color: #fff !important;
|
|
box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.25) !important;
|
|
}
|
|
|
|
[data-bs-theme="dark"] .pagination .page-item.active .page-link {
|
|
background-color: #0d6efd !important;
|
|
border-color: #0d6efd !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
[data-bs-theme="dark"] .pagination .page-item.disabled .page-link {
|
|
background-color: #343a40 !important;
|
|
border-color: #495057 !important;
|
|
color: #6c757d !important;
|
|
}
|
|
|
|
[data-bs-theme="dark"] .pagination .page-item:first-child .page-link {
|
|
border-top-left-radius: 0.375rem;
|
|
border-bottom-left-radius: 0.375rem;
|
|
}
|
|
|
|
[data-bs-theme="dark"] .pagination .page-item:last-child .page-link {
|
|
border-top-right-radius: 0.375rem;
|
|
border-bottom-right-radius: 0.375rem;
|
|
}
|