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

Цвета и шрифты

Каждый цвет, скругление и тень — CSS-переменная. Переопределяйте их в собственном файле.

Цвета, скругления, тени и размеры — CSS-переменные в css/base/variables.css. Вместо правки этого файла держите изменения в своём, чтобы обновление шаблона их не затёрло:

  1. Создайте css/custom.css и задайте в нём только нужные переменные.
  2. Подключите его на каждой странице сразу после css/style.css, чтобы его значения имели приоритет.
:root {
  --primary: #4F46E5;
  --primary-hover: #4338CA;
  --primary-soft: rgba(79, 70, 229, .10);
  --primary-bg: #EEF2FF;
  --primary-text: #4338CA;
}

Меняйте переменные фирменного цвета вместе, чтобы наведение, оттенки и текст сочетались. Несколько градиентов используют фиксированный бирюзовый (#00B4D8, #0077B6) — найдите их поиском, чтобы цвет совпадал везде.

Шрифты: шаблон использует Inter из Google Fonts. Замените ссылку на шрифт в заголовке страницы и задайте новый шрифт для body в custom.css.

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