useThemeStyles() — react Function Reference

Architecture documentation for the useThemeStyles() function in useThemeStyles.js from the react codebase.

Function javascript BabelCompiler Validation called by 1

Entity Profile

BabelCompiler→ Validation→ useThemeStyles() — react Function Reference

Dependency Diagram

graph TD
  1d2b9513_4ad1_d535_e552_1bdcc4a6fe7b["useThemeStyles()"]
  018de6d1_d68d_770a_284c_f0863628d125["useThemeStyles.js"]
  1d2b9513_4ad1_d535_e552_1bdcc4a6fe7b -->|defined in| 018de6d1_d68d_770a_284c_f0863628d125
  b36f71ce_7163_22e3_79d7_b73d86269e76["ThemeProvider()"]
  b36f71ce_7163_22e3_79d7_b73d86269e76 -->|calls| 1d2b9513_4ad1_d535_e552_1bdcc4a6fe7b
  style 1d2b9513_4ad1_d535_e552_1bdcc4a6fe7b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/devtools/views/useThemeStyles.js lines 14–26

const useThemeStyles = (): any => {
  const {theme, displayDensity, browserTheme} = useContext(SettingsContext);

  const style = useMemo(
    () => ({
      ...THEME_STYLES[displayDensity],
      ...THEME_STYLES[theme === 'auto' ? browserTheme : theme],
    }),
    [theme, browserTheme, displayDensity],
  );

  return style;
};