PRO Настройка CSS

Только если вы знаете CSS.

Вы можете менять внешний вид схемы.

Добавьте значения css в поле h_custom_css таблицы settings.

Все, что находится в правиле для body будет применено к обеим темам.

Все, что находится в правиле body:not(.theme-dark) будет применено только к светлой теме.

Все, что находится в правиле body.theme-dark будет применено к темной теме.

body:not(.theme-dark){
    background-color: red
}
body.theme-dark{
    background-color: green
}

Напоминаем, что правила CSS применяются последовательно.

В качестве облегчения работы по созданию собственной цветовой схемы можно использовать наш .scss для стандартной темной темы — файл для скачки

В нем вынесены все элементы, требующие переопределения.

Обратите внимание, что приложенный файл 👆 это SCSS — вам нужно его сконвертировать в CSS для загрузки в поле h_custom_css.

Желательно сохранять соответствия между цветами. То есть, если в 10 местах используется один и тот же цвет — желательно это сохранить.

Также мы категорически рекомендуем НЕ ИЗМЕНЯТЬ! шрифты. Так как разные шрифты имеют отличающийся размер по ширине/высоте и базовой линии и изменение шрифтов на другое начертание или гарнитуру может привести к нарушению верстки.