Осознанный выбор и полный контроль над цветовым набором интерфейса
Представленный ниже подход лучше всего применять в рамках создания дизайн-системы крупных веб-платформ. Он нацелен на специалистов которые выбирают более осознанный подход и хотят иметь полный контроль над стилями и компонентами.
Отличный способ. А где можно посмотреть как менять цвет различных оттенков в пределах одного стиля? Как можно разные цвета объединить в один стиль? Так как показано в видео.
Здравствуйте, Любовь, дело в том что подход основан на том что для всей палитры оттенков одного цвета используется всего лишь один HEX, просто прозрачность разная. Я для удобства загнал этот ХЕКС в стиль, для демонстрации, и соответственно меняя сам стиль меняю всю палитру оттенков одного цвета, учитывая непрозрачность каждого из квадратиков.
Это все сделано для того что бы ПОДОБРАТЬ подходящий набор, как только вы подобрали то нужно переназначит все пипеткой и из одного ХЕКСа у вас получится к примеру 8 ХЕКСов, если палитра состоит из 8 оттенков.
То есть, отвечая на ваш вопрос, в демонстрации не разные стили а всего лишь один с разной степенью непрозрачности.
Этот способ исключительно для подбора и редактирования палитры, не для того что бы ее так строить в рамках дизайн системы, как только подобрали набор то убираем прозрачность и создаем стили)
PS. не советую использовать прозрачность для финальных цветов, будь то серые или какие другие, возможны кейсы когда это будет плохо работать на проде.