Цвета, скругления, тени и размеры — CSS-переменные в css/base/variables.css. Вместо правки этого файла держите изменения в своём, чтобы обновление шаблона их не затёрло:
- Создайте
css/custom.cssи задайте в нём только нужные переменные. - Подключите его на каждой странице сразу после
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.