light-dark is a light-dark theme management library, especially with shadcn/ui.

The library sets the initial theme with local storage if an entry exists or uses the default theme light. Then, listeners are set up for changes in theme preference, local storage, and manual theme changes.

You can install the library with your preferred package manager:

npm install light-dark
# Or pnpm
pnpm add light-dark
# Or Yarn
yarn add light-dark
# Or Bun
bun add light-dark

Then you can use the setupTheme function for initial setup:

setupTheme();

This function must be only called once in a project. Multiple calls can cause unstable behavior.

Then you can use the getTheme function to get the current theme in your application. It returns either light or dark.

setupTheme();
const theme = getTheme();

console.log(theme); // light or dark

Or you can use the setTheme function to set the theme with a value. The value can be either light or dark.

setupTheme();
const theme = getTheme();

console.log(theme); // let's assume light is logged

setTheme("dark");
const newTheme = getTheme();
console.log(newTheme); // dark

Or you can use the toggleTheme function to toggle the theme without any specified value. It toggles between light and dark values.

setupTheme();
const theme = getTheme();

console.log(theme); // let's assume dark is logged

toggleTheme();
const newTheme = getTheme();
console.log(newTheme); // light

This repository is licensed under the MIT license.