/* * Dark Mode Overrides * This file contains custom overrides for the dark mode theme. * It is loaded after custom.css and app.min.css. * The theme is activated by adding data-bs-theme="dark" to the tag. */ /* Text colors */ [data-bs-theme="dark"] h1, [data-bs-theme="dark"] h2, [data-bs-theme="dark"] h3, [data-bs-theme="dark"] h4, [data-bs-theme="dark"] h5, [data-bs-theme="dark"] h6, [data-bs-theme="dark"] .text-dark { color: #f6f6f6 !important; } /* Global Border Variables Override */ [data-bs-theme="dark"] { --bs-border-color: #2b3040; --bs-border-color-translucent: #2e3548; } /* Explicit Border Class Overrides */ [data-bs-theme="dark"] .border, [data-bs-theme="dark"] .border-top, [data-bs-theme="dark"] .border-end, [data-bs-theme="dark"] .border-bottom, [data-bs-theme="dark"] .border-start, [data-bs-theme="dark"] .table-bordered, [data-bs-theme="dark"] .table-bordered > :not(caption) > * { border-color: #383d4c !important; } /* Table Specifics */ [data-bs-theme="dark"] .table-light { --bs-table-border-color: #2b3040; } [data-bs-theme="dark"] .table-dark { --bs-table-border-color: #2e3548; } /* Login Page Overrides */ [data-bs-theme="dark"] .bg-blue-login { background-color: #32394e !important; } [data-bs-theme="dark"] .btn-blue-login { background-color: #556ee6 !important; border-color: #556ee6 !important; color: #fff !important; } [data-bs-theme="dark"] .btn-blue-login:hover { background-color: #485ec4 !important; border-color: #485ec4 !important; } /* Components */ [data-bs-theme="dark"] .card { background-color: #2a3042; border-color: #2b3040; } /* Fix for explicit white borders */ [data-bs-theme="dark"] .border-white { border-color: #2b3040 !important; } /* Form & Button Visibility Fixes */ [data-bs-theme="dark"] .form-control, [data-bs-theme="dark"] .form-select, [data-bs-theme="dark"] .form-check-input { border-color: #50586f; } [data-bs-theme="dark"] .btn-outline-secondary { color: #a6b0cf; }