Dark and light mode with auto detection

Plug-and-play color mode module for Nuxt with auto detection made easy. Easily theme your app with .dark and .light classes.

Get the most of your app with
powerful features

Auto Detection

Automatically detects the user's system color mode preference and applies it to your app.

Easy CSS Theming

Add .dark and .light classes to your CSS for effortless theming.

Force Mode Per Page

Lock specific pages to a color mode, perfect for incremental dark mode implementation.

Highly Configurable

Customize storage, fallbacks, class names, and more to fit your needs.

SSR Ready

Works seamlessly with both client-side and server-side rendering.

Framework Support

Works with any CSS framework by adding configurable classes to <html>.

Nuxt Color Mode is used by companies and developers worldwide to provide seamless dark mode experiences.