Скоро OdinCMS и OdinSTORE уже в пути — узнайте первыми. Подписаться
OdinZero
Купить Pro Демо
  1. Главная
  2. Справочный центр
  3. Настройка

Тёмная тема

Встроенной тёмной темы нет, но благодаря CSS-переменным её можно сделать одним файлом.

В ODIN ADMIN светлая область контента и тёмная боковая панель. Готовой тёмной темы и переключателя тем нет.

Поскольку цвета — CSS-переменные, тему можно добавить самостоятельно: задайте тёмные значения в css/custom.css под атрибутом и поставьте его на <html>:

[data-theme="dark"] {
  --body-bg: #0F172A;
  --card-bg: #1E293B;
  --text: #E2E8F0;
  --border: rgba(255, 255, 255, .08);
}

Точные имена переменных смотрите в css/base/variables.css и проверьте графики и темы плагинов (в css/vendor/) — в них есть фиксированные цвета. Небольшой скрипт может переключать атрибут и запоминать выбор в localStorage.

Назад в справочный центр