Function useTheme

useTheme(): ThemeContextValue

Hook to access the theme from a component.

Returns ThemeContextValue

The theme.

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