Dark Mode

Airy uses next-themes for light, dark, and system mode support.

Toggle modes

Use the next-themes hook to programmatically change the color mode:

import { useTheme } from "next-themes";

const { theme, setTheme } = useTheme();
setTheme("light");
setTheme("dark");
setTheme("system");