Сидишь такой на сайте, и, внезапно, понравилась палитра. Надо бы
А ведь почти любой большой проект уже использует CSS-переменные для дизайн-систем и не стесняется.
Но выход есть! И это — расширение Designgui от Джеймса Четвуда.
Пока умеет не особо много: показывает список переменных с цветами, позволяет их менять или экспортировать разом, позволяет сгенерировать ИИ-палитру на основе переданных значений.
А ещё в ней заложена работа с UI-китами и дизайн системами. Пока только Shadcn UI и Daisy UI, но начало положено: все токены на местах.
Думаю, надо делать такое же расширение, но для анимаций... А то вытаскивать их всё сложнее, обмажутся тейлвиндами... ну да ладно.
Ссылка на вебстор Хрома: https://chromewebstore.google.com/detail/design-gui/ldhbojdgokammocadfgbidodgffnimfj?pli=1
#css #var #color #design