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 started

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 out of the box with Tailwind CSS and other popular CSS frameworks.

Trusted by thousands of developers

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