diff --git a/apps/public-docsite-v9/src/Concepts/Theming.stories.mdx b/apps/public-docsite-v9/src/Concepts/Theming.stories.mdx index e3d3dd4df88cf..38ae768c86697 100644 --- a/apps/public-docsite-v9/src/Concepts/Theming.stories.mdx +++ b/apps/public-docsite-v9/src/Concepts/Theming.stories.mdx @@ -123,7 +123,9 @@ export const customLightTheme: Theme = { ### Extending theme with new tokens -It's often useful to extend the base set of tokens from Fluent UI. +It's often useful for an app to extend the base set of tokens from Fluent UI. + +⚠ Components in this repo should _not_ do this. ⚠ Warning that adding more tokens adds more CSS variables which can effect run time performance as each DOM Node carries all the tokens. @@ -168,3 +170,7 @@ const useStyles = makeStyles({ ``` ``` + +``` + +``` diff --git a/docs/react-v9/contributing/patterns/extending-tokens.md b/docs/react-v9/contributing/patterns/extending-tokens.md index 9c182f9b6625d..f26008de479f0 100644 --- a/docs/react-v9/contributing/patterns/extending-tokens.md +++ b/docs/react-v9/contributing/patterns/extending-tokens.md @@ -1,4 +1,6 @@ -It's often useful to extend the base set of tokens from Fluent UI. +It's often useful for an app to extend the base set of tokens from Fluent UI. + +⚠ Components in this repo should _not_ do this. ⚠ Warning that adding more tokens adds more CSS variables which can effect run time performance as each DOM Node carries all the tokens.