Skip to content

Темизация

UI Kit использует CSS-переменные на корневом контейнере .s-ui-root.

Light / dark

Переключение темы — через data-атрибут или класс на .s-ui-root (см. tokens package). Storybook и docs оборачивают preview в .s-ui-root.

Кастомизация

Потребитель может переопределить переменные после импорта @shtabapp/ui-kit-tokens/styles.css и до app layer:

css
.s-ui-root {
  --s-ui-font-family-sans: 'Inter', system-ui, sans-serif;
}

Шрифты не бандлятся в publishable tokens — host-приложение подключает @font-face самостоятельно.