Dark Mode Generator

Tired of manually writing dark mode variants? This tool scans your components and generates the CSS or Tailwind classes you need. Point it at a file, get dark mode support back. No overthinking required.

One command. Zero config. Just works.

Quick Start

npx ai-dark-mode ./src/components/Button.tsx

What It Does

• Analyzes your component's existing styles and color usage
• Generates matching dark mode variants that actually look good
• Works with plain CSS, Tailwind, or CSS-in-JS
• Outputs clean, copy-paste ready code
• Respects your existing design system colors