diff --git a/styleguide/pages/customize.md b/styleguide/pages/customize.md index b8bc8db9ed..70a959662a 100644 --- a/styleguide/pages/customize.md +++ b/styleguide/pages/customize.md @@ -87,19 +87,21 @@ ReactDOM.render( ```jsx static import { ConfigProvider, AppRoot, Button } from '@vkontakte/vkui'; import '@vkontakte/vkui/dist/components.css'; -import '@vkontakte/vkui-tokens/themes/paradigmBase/cssVars/declarations/onlyVariables.css'; -import '@vkontakte/vkui-tokens/themes/paradigmBaseDark/cssVars/declarations/onlyVariablesLocal.css'; +import '@vkontakte/vkui-tokens/themes/paradigmBase/cssVars/declarations/onlyVariables.css'; // базовая тема должна подключаться через `:root`, поэтому здесь импортируется `onlyVariables.css`, где токены навешиваются через псевдокласс `:root` +// @see https://unpkg.com/@vkontakte/vkui-tokens@4.48.0/themes/paradigmBase/cssVars/declarations/onlyVariables.css +import '@vkontakte/vkui-tokens/themes/paradigmBaseDark/cssVars/declarations/onlyVariablesLocal.css'; // остальные должны быть завязаны на CSS класс, поэтому здесь импортируется `onlyVariablesLocal.css` где токены навешиваются через класс темы `.vkui--paradigmBase--dark`. +// @see https://unpkg.com/@vkontakte/vkui-tokens@4.48.0/themes/paradigmBaseDark/cssVars/declarations/onlyVariablesLocal.css // раз iOS мы не затрагиваем, то необходимо подключить стили по умолчанию -import '@vkontakte/vkui-tokens/themes/vkIOS/cssVars/declarations/onlyVariables.css'; +import '@vkontakte/vkui-tokens/themes/vkIOS/cssVars/declarations/onlyVariablesLocal.css'; import '@vkontakte/vkui-tokens/themes/vkIOSDark/cssVars/declarations/onlyVariablesLocal.css'; ReactDOM.render( @@ -120,8 +122,8 @@ import '@vkontakte/vkui/dist/components.css'; import './myCustomThemeTokens.css'; // раз iOS мы не затрагиваем, то необходимо подключить стили по умолчанию -import '@vkontakte/vkui-tokens/themes/myCustomIOS/cssVars/declarations/onlyVariables.css'; -import '@vkontakte/vkui-tokens/themes/myCustomIOSDark/cssVars/declarations/onlyVariablesLocal.css'; +import '@vkontakte/vkui-tokens/themes/vkIOS/cssVars/declarations/onlyVariablesLocal.css'; +import '@vkontakte/vkui-tokens/themes/vkIOSDark/cssVars/declarations/onlyVariablesLocal.css'; ReactDOM.render(