Предсказываем результат изменения

Northstarребрендинг
Марина, дизайнер
Маринадизайнер
Ребрендинг утвердили: основной цвет — тот самый фиолетовый из аватара. В переменных Figma он уже есть.
Илья, продакт-менеджер
Ильяпродакт-менеджер
В начале курса такая правка цепляла пять мест в CSS. Покажите до правки, что изменится теперь.
Олег, тимлид команды админки
Олегтимлид команды админки
Для админки тоже: хочу заранее знать, какие экраны перекрасятся.
Василий, ведущий разработчик
Василийведущий разработчик
Выпишем всех потребителей action.bg, а после правки сверим результат с прогнозом.

Прежде чем менять токен, посмотрим, кто читает роль . Тогда результат можно проверить, а не угадать.

Что делаем: находим в tokens/tokens.json и сравниваем в preview элементы, чей цвет приходит из этой роли. Код на этом шаге не меняем.

Почему: прогноз полезно проговорить до правки. Изменение роли затрагивает её потребителей, в том числе тех, кто получает значение через промежуточные токены.

Изменится цвет у обычной кнопки, кнопок Mantine и Ant Design и отмеченного чекбокса.

Останутся прежними:

  • ссылка — она читает link.text;
  • кольцо фокуса — у него своя роль;
  • тёмная тема — она ссылается на color.blue.300;
  • партнёрская тема — у неё свои бирюзовые значения.

Прогноз должен быть проверяемым: список элементов и их цвет до и после.

Что изменится, если заменить значение action.bg в светлой теме?

Редактор · tokens/tokens.json

Предпросмотр

Подготовка окружения…

Ожидание запуска Vite…
Терминал