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 and Elementor Pro.

WHY CHOOSE HOW NOCTURNE DARK MODE?

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.

NOCTURNE DARK MODE FREE FEATURES

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 PRO FEATURES

1. Elementor Pro compatibility
2. 3 Toggle styles

COPYRIGHT

Nocturne Dark Mode, Copyright 2023 DeoThemes

Version 1.2.3 – September 25, 2024
– Fixed: Admin plugin activation redirect error if Elementor is not installed
– Added: Dark mode normal and hover text and border colors in button widget
– Added: Dark mode icon box border and shadow controls

Version 1.2.2 – September 17, 2024
– Added: New toggle styles for Elementor switcher widget

Version 1.2.1 – September 4, 2024
– Fixed: minor CSS bug

Version 1.2.0 – September 4, 2024
– Added: Freemius SDK
– Added: Compatibility with Elementor Pro
– Added: Style controls for Elementor Switcher widget
– Fixed: Reduce plugin Short description to 143 characters.

Version 1.1.1 – June 8, 2024
– Fixed: Remove overflow: 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

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.