Dark Mode Switch for Elementor Websites – Built-in Support

[ghost]

Prerequisites

• I have searched for similar feature requests in both open and closed discussions and cannot find an existing request.
• I have verified that the feature is still missing from the latest stable versions of Elementor or Elementor Pro.

What problem is your feature request going to solve? Please describe..

I'm always frustrated when trying to implement Dark Mode for websites built with Elementor. Right now, we have to rely on custom CSS, third-party plugins, or JavaScript to enable this feature.

Many modern websites offer a Dark Mode toggle, allowing users to switch between light and dark themes. Elementor currently doesn’t have a built-in solution for this, making it harder to implement for non-developers.

Describe the solution you'd like.

It would be nice if Elementor provided a native Dark Mode switch for websites, allowing site visitors to toggle between light and dark themes easily.

This feature could include:

A Dark Mode widget or setting in Theme Builder.
Automatic support for CSS variables to change colors dynamically.
An option to detect system preferences (auto dark mode).
Integration with Elementor Theme Styles, so designers can define both light and dark themes in the editor.

Describe alternatives you've considered.

It can also be solved by:

Writing custom CSS using prefers-color-scheme.
Adding a JavaScript toggle and manually switching classes.
Using third-party plugins, which often add bloat or conflict with Elementor’s styles.
A built-in Elementor feature would simplify the process, making Dark Mode accessible to all users without extra coding.

Additional context

Many major platforms, like WordPress Full Site Editing (FSE), Bricks Builder, and Oxygen Builder, allow easy Dark Mode switching. Adding this to Elementor would make it more competitive and future-proof.

Agreement

• I agree that my request may be closed without action if it doesn't meet all the requirements.