update docs

mui · Oct 1, 2024 · 258a94d · 258a94d
1 parent 0153d49
commit 258a94d
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/docs/data/material/customization/shadow-dom/shadow-dom.md b/docs/data/material/customization/shadow-dom/shadow-dom.md
@@ -66,7 +66,11 @@ const theme = createTheme({
 
 ### 3. CSS theme variables (optional)
 
-If you want to use [CSS theme variables](/material-ui/customization/css-theme-variables/overview/) inside of the shadow DOM, you need to set the selectors for generating the CSS variables:
+:::info
+If you use **TypeScript**, you need to [extend the interface of the theme](/material-ui/customization/css-theme-variables/usage/#typescript) first.
+:::
+
+To use [CSS theme variables](/material-ui/customization/css-theme-variables/overview/) inside of the shadow DOM, you need to set the selectors for generating the CSS variables:
 
 ```diff
  const theme = createTheme({
@@ -80,7 +84,7 @@ If you want to use [CSS theme variables](/material-ui/customization/css-theme-va
  })
 ```
 
-Next, use the `shadowRootElement` as the color scheme node for attaching the class:
+Finally, set the `colorSchemeNode` prop using `shadowRootElement`, from step 1, as the value:
 
 ```diff
  <ThemeProvider