Skip to main content
function useTheme(): ThemeContextValue;
Hook to access the theme from a component.

​
Returns

ThemeContextValue The theme.

​
See

ThemeProvider

​
Example

function App() {
  // Style a paragraph with the secondary text color
  const { theme } = useTheme();
  return <p style={{ color: theme["colors-fg-muted"] }}>Secondary text</p>;
}