useKlinechartsUITheme

Manage the chart theme.

const { theme, setTheme, toggleTheme } = useKlinechartsUITheme();

Field	Type	Description
theme	string	Current theme: "light" or "dark"
setTheme	(theme: string) => void	Set a specific theme
toggleTheme	() => void	Toggle between "light" and "dark"

Try it

Usage

const { theme, toggleTheme } = useKlinechartsUITheme();

<button onClick={toggleTheme}>
  {theme === "dark" ? <SunIcon /> : <MoonIcon />}
</button>;