Темна тема для адмінки

Модифікатор додає повноцінну та продуману темну тему оформлення для адміністративної панелі OpenCart 3.x. Перемикання між світлою та темною темами здійснюється за допомогою кнопки-тумблера (іконка контрасту/сонця) прямо у верхній навігаційній панелі.

Вибрана тема запам'ятовується на рівні браузера та автоматично відновлюється під час наступного відвідування.

=== Основні можливості та особливості ===

1. Динамічна зміна акцентних кольорів:
  При активації темної теми в шапці з'являється іконка пензля, що відкриває список (Bootstrap Dropdown). Ви можете в один клік вибрати основний акцентний колір інтерфейсу:
  - Синій (стандартний OpenCart)
  - Помаранчевий
  - Жовтий
  - Зелений
  - Фіолетовий
  - Червоний
  - сірий (нейтральний)
  Вибраний колір змінюєоформлення активних пунктів меню, іконки, вкладки, пагінацію, кнопки та світіння логотипу на льоту. При переключенні на світлу тему акценти скидаються до стандартних.

2. Захист від миготіння (FOUC-запобігання):
  Тема ініціалізується inline-скриптом у документа миттєво на основі даних з 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. Перейдіть на будь-яку сторінку адмін-панелі та використовуйте перемикачі у правому верхньому кутку шапки.

UPD 05.07.2026 -  Додана можливість зміни так само і фону. За основу взято 7 найпопулярніших тем у текстовому редакторі Notepad++

Написати відгук

Ваше Ім’я:


Ваш відгук: Примітка:HTML теги не дозволені! Використовуйте звичайний текст.

Рейтинг Погано           Добре

Введіть код, вказаний на зображенні: