Docs
Dark mode

Dark mode

How to use dark mode in your project

In project is used next-themes to provide dark mode. More information about this package you can find here

NextThemesProvider is a provider that wraps your application and provides a theme context. Location src/components/providers/providers.tsx

Now supported two modes: light and dark. To change the theme mode, you can call in your function:

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

Change colors

To modify light and dark colors, you can change globals.css file for for :root selector for light mode and .dark for dark mode.

ThemingPlanning