/** * Phase C: dark-mode overrides for the page-builder / frontend CMS admin * screens (resources/views/admin/frontend/**) - section list, element * editor, image previews, and any other hardcoded-light-color chrome * specific to those views. * * Loaded after dark-theme.css in admin.layouts.master, active when * . */ /* Section content search box (frontend/index.blade.php) - `.bg-white` is a literal Bootstrap utility built on --bs-white-rgb, it never re-themes itself for [data-bs-theme=dark]. */ html[data-bs-theme="dark"] input.bg-white.form-control { background-color: #1c2029 !important; color: #e5e7eb; border-color: #2a2f3a; } html[data-bs-theme="dark"] input.bg-white.form-control::placeholder { color: #7d8493; } /* Element list table header (frontend/index.blade.php's hand-rolled , not the ajax-table component) - bootstrap-extended.css's own `.table-light th` rule already strips Bootstrap's --bs-table-bg down to `background: none` (by design, so it blends into the card), but its hardcoded text color (inherited black) and near-white border-bottom (#f7f7f7) still need dark equivalents. */ html[data-bs-theme="dark"] .table-light th { color: #9199a8; border-bottom-color: #2a2f3a; } /* Image uploader preview box - used throughout the page-builder for section/element image fields and the SEO image. The dashed placeholder border and empty-state background are hardcoded light-gray/white. */ html[data-bs-theme="dark"] .image-upload-preview { background-color: #1c2029; border-color: #3a4152; } /* Element list thumbnail avatar ring (frontend/index.blade.php) - fixed white border reads as a stark ring on a dark row. */ html[data-bs-theme="dark"] .thumb img { border-color: #2a2f3a; }