Element Plus Dark Mode

This skill provides comprehensive guidance for implementing and customizing dark mode in Element Plus applications (available since version 2.2.0).

When to Invoke

Invoke this skill when:

• User wants to enable dark mode
• User needs to toggle between light and dark themes
• User wants to customize dark mode colors
• User asks about dark mode CSS variables
• User needs to persist dark mode preference

Quick Start

Enable Dark Mode

Add the dark class to the HTML element: