add-dark-mode-support - Add Dark Mode Support to Frontend Components
Add dark mode styling to components using Tailwind CSS dark variant classes
Tags
Updated: 2026-03-09Capabilities
Typical Inputs
Typical Outputs
What this skill does
- apply dark variant classes
- use Tailwind dark: syntax
- modify component backgrounds
- adjust text colors for dark mode
- handle border colors in dark mode
- set up color scheme support
Inputs
- Frontend components
- Tailwind CSS configuration
- Color scheme metadata
- DarkModeService
- Component styling requirements
Outputs
- Components with dark mode support
- Updated style classes
- Color scheme metadata
- Styled UI elements
Requirements
- Tailwind CSS framework
- DarkModeService setup
- Frontend components
- Route color scheme configuration
- Proper color palette definitions