Dark Mode Generator

Adding dark mode means updating every component with CSS variables or Tailwind dark: prefixes. This tool does it automatically for single files or entire directories.

One command. Zero config. Just works.

Quick Start

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

What It Does

• Adds dark mode styles to React components
• Works with CSS variables, Tailwind, or styled-components
• Handles prefers-color-scheme media queries
• Preserves existing styles and structure