/* * Фиксы для тёмной темы Jazzmin (darkly + AdminLTE). * Переопределяет хардкодные белые фоны виджетов Django admin. * * Применяется ко ВСЕМ страницам через custom_css в jass_settings.py. * Класс .theme-dark добавляется на Jazzmin когда активна тёмная тема. * @media (prefers-color-scheme: dark) — для OS-уровня тёмного режима без JS. */ /* ============================================================ filter_horizontal виджет (.selector) — тёмная тема ============================================================ */ body.theme-dark .selector .selector-available h2 { background: #374151; color: #d1d5db; border-color: #4b5563; } body.theme-dark .selector-chosen h2 { background: #1d4ed8; color: #fff; border-color: #1e40af; } body.theme-dark .selector .selector-filter { background: #1f2937; border-color: #4b5563; color: #9ca3af; } body.theme-dark .selector-filter input { background-color: #374151; color: #f3f4f6; border-color: #4b5563; } body.theme-dark .selector select { background-color: #1f2937; color: #f3f4f6; border-color: #4b5563; } body.theme-dark .selector ul.selector-chooser { background-color: #374151; } body.theme-dark a.selector-chooseall, body.theme-dark a.selector-clearall { color: #9ca3af; } body.theme-dark a.active.selector-chooseall:focus, body.theme-dark a.active.selector-chooseall:hover, body.theme-dark a.active.selector-clearall:focus, body.theme-dark a.active.selector-clearall:hover { color: #60a5fa; } /* ============================================================ Select виджет (choices, например icon) в inline и форме ============================================================ */ /* Общий select в форме провайдера и inline */ body.theme-dark .inline-related select, body.theme-dark .form-group select, body.theme-dark .aligned select, body.theme-dark select.vSelect { background-color: #374151; color: #f3f4f6; border-color: #4b5563; -webkit-appearance: menulist; appearance: menulist; } /* ============================================================ @media fallback для OS dark mode (без JS / без cookie) ============================================================ */ @media (prefers-color-scheme: dark) { .selector .selector-available h2 { background: #374151; color: #d1d5db; border-color: #4b5563; } .selector-chosen h2 { background: #1d4ed8; color: #fff; border-color: #1e40af; } .selector .selector-filter { background: #1f2937; border-color: #4b5563; color: #9ca3af; } .selector-filter input { background-color: #374151; color: #f3f4f6; border-color: #4b5563; } .selector select { background-color: #1f2937; color: #f3f4f6; border-color: #4b5563; } .selector ul.selector-chooser { background-color: #374151; } .inline-related select, .form-group select, .aligned select, select.vSelect { background-color: #374151; color: #f3f4f6; border-color: #4b5563; } }