Plugin Directory

Nocturne Dark Mode – Elementor Dark Mode Toggle for WordPress

Nocturne Dark Mode – Elementor Dark Mode Toggle for WordPress


💻 Demo | 👩🏼‍💻 View Other Products | 📔 Docs

Effortlessly transform your Elementor websites into stunning dark-themed versions.

Nocturne Dark Mode seamlessly integrates with Elementor, allowing you to customize the dark mode settings to match your website’s branding and design. Whether you want to create a dark mode version of your entire website or just specific sections, Nocturne Dark Mode gives you the flexibility to do so. Say goodbye to blindingly bright websites and give your users the option to switch to a more comfortable and stylish dark mode with Nocturne Dark Mode for Elementor.


Unlike other plugins, Noturne Dark Mode adds custom controls to every Elementor widget, making the customization process more smooth an easy. Everything is editable via Elementor editor screen.


  1. Easily customize any Elementor widget.
  2. Works with sections and containers.
  3. Dark Mode Image Elementor widget – display different image when dark mode is activate.
  4. Dark Mode Switcher Elementor widget – place dark mode widget anywhere on the page.
  5. Set Dark Mode as the default color scheme.
  6. Save user choice every time they visit your site.


Nocturne Dark Mode, Copyright 2023 DeoThemes


  • Nocturne Dark Mode Elementor widgets.
  • Dark Mode Elementor controls
  • Customizer settings.


  1. Activate the plugin and edit any page or template with Elementor.
  2. Place Dark Mode Switcher widget anywhere on the page. Usually the best place is your site header.
  3. Navigate to Appearance -> Customize -> Dark Mode to change the default settings.


Does it work with all WordPress themes?

Yes, it works with all WordPress themes.

Does it work with all Elementor addon plugins?

Not yet, but we’re working on that.


June 27, 2024 2 replies
I’d have to say in terms of dark and light mode plugins and Elementor compatibility, this one is great. However, plugin description claims to add settings to every Elementor widget… this is not the case. A lot of widgets such as post content widgets just for example, the Elementor menu widget (have to use external plugin support from Elementor Header & Footer Builder for this, same for contact forms) … etc. It’s a great plugin but I’d like to see more support for widgets like posts, Elementor form, Elementor menu widget, Carousel, etc. because right now there’s a lot missing. Otherwise, amazing job so far and I’m looking forward to future updates. Please do not abandon this project!
June 3, 2024
Powerful and highly customisable with Elementor. Exactly what I needed.
March 15, 2024
Thank you very much for this perfect Plugin.
December 17, 2023
Great plugin, and amazing support! Tried a lot of different dark mode plugins but this one is exactly what I was looking for. Works well and doesn’t affect site performance. The creator helped out and fixed an issue on the weekend within hours.
Read all 5 reviews

Contributors & Developers

“Nocturne Dark Mode – Elementor Dark Mode Toggle for WordPress” is open source software. The following people have contributed to this plugin.



Version 1.1.1 – June 8, 2024
– Fixed: Remove oveflow: hidden from the dark mode sections
– Added: Compatibility with the Elementor Header & Footer Builder navigation menu widget
– Added: Compatibility with the Contact Form 7 widget from Happy Addons

Version 1.1 – June 5, 2024
– Added: Setting to edit toggle colors
– Added: Compatibility with the Happy Addons nav menu widget
– Improved: Customizer panels structure

Version 1.0.5 – May 21, 2024
– Added: Floating toggle offset settings
– Fixed: Enqueue styles on all pages to style floating toggle properly
– Improved: Remove container classes from CSS as redundant

Version 1.0.4 – March 15, 2024
– Fixed: Dark mode image not working with Optimized DOM Output feature
– Fixed: Dark mode switch not working in editor
– Added: Dark mode controls for Column widget

Version 1.0.3 – January 23, 2024
– Fixed: Shape divider colors do not work properly

Version 1.0.2 – December 17, 2023
– Fixed: Multiple Elementor widget instances now work properly
– Fixed: Admin page rating link
– Added: Ability to set Shape divider colors

Version 1.0.1 – November 17, 2023
– Fixed: Error loading Elementor preview

Version 1.0.0 – November 17, 2023
– Initial release