useTheme

useTheme is a custom hook used to get the active theme object, active color mode, and a function to toggle the active color mode.

Import

import { useTheme } from "pearl-ui";

Return value

Name	Type	Description
theme	PearlTheme	Theme configuration object for the active color mode
colorMode	"light" |"dark"	Active color mode
toggleColorMode	() => void	Function to toggle the active color mode

Usage

const { theme, colorMode, toggleColorMode } = useTheme();