Модификатор добавляет полноценную и продуманную темную тему оформления для административной панели OpenCart 3.x. Переключение между светлой и темной темами осуществляется с помощью кнопки-тумблера (иконка контраста/солнца) прямо в верхней навигационной панели.
Выбранная тема запоминается на уровне браузера и автоматически восстанавливается при следующем посещении.
=== Основные возможности и особенности ===
1. Динамическая смена акцентных цветов:
При активации темной темы в шапке появляется иконка кисти, открывающая выпадающий список (Bootstrap Dropdown). Вы можете в один клик выбрать основной акцентный цвет интерфейса:
- Синий (стандартный OpenCart)
- Оранжевый
- Желтый
- Зеленый
- Фиолетовый
- Красный
- Серый (нейтральный)
Выбранный цвет меняет оформление активных пунктов меню, иконки, вкладки, пагинацию, кнопки и свечение логотипа на лету. При переключении в светлую тему акценты сбрасываются до стандартных.
2. Защита от мигания (FOUC-предотвращение):
Тема инициализируется inline-скриптом в <head> документа мгновенно на основе данных из localStorage. Это полностью исключает мерцание (когда страница сначала грузится светлой, а затем резко темнеет).
3. Визуальные улучшения элементов управления:
- Для всех основных кнопок (btn-primary, btn-danger, btn-warning и др.) реализован благородный приглушенный стиль в состоянии покоя, а с левой стороны выводится тонкая вертикальная полоса, цвет которой соответствует значению кнопки (для мелких кнопок в списках это правило отключается для чистоты интерфейса).
- Аватар пользователя получает аккуратный черно-белый фильтр (grayscale).
- Логотип в левом верхнем углу снабжен постоянной мягкой светлой подложкой со свечением акцентного цвета, что гарантирует превосходную видимость даже прозрачных темных логотипов на темной шапке.
4. Кастомный скроллбар (Webkit):
Скроллбары боковой панели и основного контента стилизованы под темную тему с аккуратным скруглением.
5. Безопасность и чистота:
- Расширение не делает никаких внешних сетевых запросов.
- Не создает новых таблиц в базе данных и не меняет логику PHP-контроллеров или моделей.
- Стили привязаны к классу html.dark-theme, что полностью исключает любые визуальные искажения или регрессии в стандартном светлом режиме админки.
=== Инструкция по установке ===
1. Зайдите в админку Расширения -> Установка расширений.
2. Загрузите архив `admin-panel-theme.ocmod.zip`.
3. Перейдите в раздел Модификаторы и нажмите кнопку «Обновить» (Refresh) в правом верхнем углу.
4. Перейдите на любую страницу админ-панели и используйте переключатели в правом верхнем углу шапки.
На кофе!