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>;
}
I