Смена фирменного цвета растянулась на неделю и 340 правок в стилях
После ребрендинга основной цвет нужно поменять с #1F6FEB на #6D28D9. Поиск по проекту нашёл 340 мест, где цвет записан напрямую, плюс его затемнённые варианты для наведения, подобранные на глаз. Как устроить стили, чтобы такие изменения делались в одном месте?
- Дизайн-токены: цвета, отступы и радиусы как именованные переменные
- Вынести все цвета в один CSS-файл и подключить его первым
- Использовать только цвета из стандартной палитры Tailwind
- Заменить цвета на классы вида .blue-button во всех компонентах