Title: Nocturne Dark Mode – Elementor Dark Mode Toggle for WordPress Author: DeoThemes Published: 17 November 2023 Last modified: 17 April 2025 --- Search plugins ![](https://ps.w.org/nocturne-dark-mode/assets/banner-772x250.png?rev=2997436) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/nocturne-dark-mode/assets/icon-256x256.png?rev=2997436) # Nocturne Dark Mode – Elementor Dark Mode Toggle for WordPress Oleh [DeoThemes](https://profiles.wordpress.org/deothemes/) [Download](https://downloads.wordpress.org/plugin/nocturne-dark-mode.1.2.7.zip) * [Details](https://ms.wordpress.org/plugins/nocturne-dark-mode/#description) * [Reviews](https://ms.wordpress.org/plugins/nocturne-dark-mode/#reviews) * [Pemasangan](https://ms.wordpress.org/plugins/nocturne-dark-mode/#installation) * [Pembangunan](https://ms.wordpress.org/plugins/nocturne-dark-mode/#developers) [Support](https://wordpress.org/support/plugin/nocturne-dark-mode/) ## Description 💻 [Demo](https://nocturne.deothemes.com/?utm_source=wordpress.org) | 👩🏼‍💻 [View Other Products](https://deothemes.com/?utm_source=wordpress.org) | 📔 [Docs](https://docs.deothemes.com/nocturne/?utm_source=wordpress.org) #### 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 ## Screenshots [⌊Nocturne Dark Mode Elementor widgets.⌉⌊Nocturne Dark Mode Elementor widgets.⌉[ Nocturne Dark Mode Elementor widgets. [⌊Dark Mode Elementor controls⌉⌊Dark Mode Elementor controls⌉[ Dark Mode Elementor controls [⌊Customizer settings.⌉⌊Customizer settings.⌉[ Customizer settings. ## Installation 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. ## FAQ ### Does it work with all WordPress themes? Yes, it works with all WordPress themes. ### Does it work with Elementor Pro? Nocturne Pro comes with Elementor Pro compatilibty ### Does it work with all Elementor addon plugins? Currenty Nocturne works with some widgets from Happy Addons for Elementor and Elementor Header & Footer Builder. We’re planning to add more compatibility in the future releases. ## Reviews ![](https://secure.gravatar.com/avatar/8fcf68a9ea99106deebc1eb7ea465cefce1b015910616735dd39e409bcfeac44? s=60&d=retro&r=g) ### 󠀁[The best Dark Mode Plugin](https://wordpress.org/support/topic/the-best-dark-mode-plugin/)󠁿 [martinp13](https://profiles.wordpress.org/martinp13/) 11 Oktober 2025 Honestly, this is the best plugin for dark mode even compared to the PAID versions of others. I have a pro pack of one of the most popular Elementor Addons, that offer dark mode and their widget is a disaster compared to Nocturne. Nocturne is easy to use, super user friendly, no set up at all, has even conditions for images. Absolute love to work with! Has very intelligent Dark Mode addition to most Elementor widgets. Can't recommend it enough! Will use it on all my clients' sites, that need a dark theme. For sure! ![](https://secure.gravatar.com/avatar/2f8559753f56dc4d74d0bcad800a09fc4dbe86b134c0cd886749f5042ecd218c? s=60&d=retro&r=g) ### 󠀁[The refund policy is a lie](https://wordpress.org/support/topic/the-refund-policy-is-a-lie/)󠁿 [Aidatün](https://profiles.wordpress.org/aidatun/) 7 April 2025 2 replies I purchased a suscription and send them multiple emails asking for a refund. Today is the last day of the 14-day no questions refund and they haven't reply any of my emails, also they have not refund me. ![](https://secure.gravatar.com/avatar/1393b7dc6be11423383643c6dae51d816266c4aae58997b7654d5ef19e9152a5? s=60&d=retro&r=g) ### 󠀁[Great … but needs work](https://wordpress.org/support/topic/great-but-needs-work-3/)󠁿 [jaydenbtc](https://profiles.wordpress.org/jaydenbtc/) 27 Jun 2024 3 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! ![](https://secure.gravatar.com/avatar/40d6d4b48de0a01ccd2832f7bd539455f166b868e632a30856708cf7ba3c7309? s=60&d=retro&r=g) ### 󠀁[Superb!](https://wordpress.org/support/topic/superb-1026/)󠁿 [bramonoadi](https://profiles.wordpress.org/bramonoadi/) 17 Jun 2024 This is what i want.. ![](https://secure.gravatar.com/avatar/05aec84f0ab312249ff13ffc56e6a5d0e289bd9551f4dc72e70fe3376559225f? s=60&d=retro&r=g) ### 󠀁[Brilliant.](https://wordpress.org/support/topic/brilliant-1628/)󠁿 [bigtasty](https://profiles.wordpress.org/bigtasty/) 3 Jun 2024 Powerful and highly customisable with Elementor. Exactly what I needed. ![](https://secure.gravatar.com/avatar/c546fa733e3e1f1eb33a38c68a850f7fe23ca9baad3911c0a650ccff39086eb6? s=60&d=retro&r=g) ### 󠀁[Awesome](https://wordpress.org/support/topic/awesome-10238/)󠁿 [rkesize](https://profiles.wordpress.org/rkesize/) 15 Mac 2024 Thank you very much for this perfect Plugin. [ Read all 7 reviews ](https://wordpress.org/support/plugin/nocturne-dark-mode/reviews/) ## Contributors & Developers “Nocturne Dark Mode – Elementor Dark Mode Toggle for WordPress” adalah perisian sumber terbuka. Orang-orang berikut telah menyumbang kepada pemalam ini. Penyumbang * [ DeoThemes ](https://profiles.wordpress.org/deothemes/) * [ Freemius ](https://profiles.wordpress.org/freemius/) “Nocturne Dark Mode – Elementor Dark Mode Toggle for WordPress” telah diterjemahkan ke dalam 1 penempatan. Terima kasih kepada [para penterjemah](https://translate.wordpress.org/projects/wp-plugins/nocturne-dark-mode/contributors) untuk terjemahan mereka. [Translate “Nocturne Dark Mode – Elementor Dark Mode Toggle for WordPress” into your language.](https://translate.wordpress.org/projects/wp-plugins/nocturne-dark-mode) ### Berminat dalam pembangunan? [Layari kod](https://plugins.trac.wordpress.org/browser/nocturne-dark-mode/), periksa [repositori SVN](https://plugins.svn.wordpress.org/nocturne-dark-mode/), atau langgani [log pembangunan](https://plugins.trac.wordpress.org/log/nocturne-dark-mode/) dengan [RSS](https://plugins.trac.wordpress.org/log/nocturne-dark-mode/?limit=100&mode=stop_on_copy&format=rss). ## Changelog Version 1.2.7 – April 17, 2025 – Updated: Compatibility with WordPress 6.8 Version 1.2.6 – February 20, 2025 – Fixed: Do not load plugin if Elementor is not installed Version 1.2.5 – February 20, 2025 – Updated: Freemius SDK Version 1.2.4 – October 24, 2024 – Updated: Freemius SDK 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 ## Meta * Version **1.2.7** * Last updated **1 tahun lalu** * Active installations **100+** * WordPress version ** 5.0 or higher ** * Tested up to **6.8.10** * PHP version ** 7.0 or higher ** * Languages * [English (US)](https://wordpress.org/plugins/nocturne-dark-mode/) dan [Russian](https://ru.wordpress.org/plugins/nocturne-dark-mode/). * [Terjemahkan kepada bahasa anda](https://translate.wordpress.org/projects/wp-plugins/nocturne-dark-mode) * Tags * [dark mode](https://ms.wordpress.org/plugins/tags/dark-mode/)[Dark mode plugin](https://ms.wordpress.org/plugins/tags/dark-mode-plugin/) [dark mode toggle](https://ms.wordpress.org/plugins/tags/dark-mode-toggle/)[elementor widgets](https://ms.wordpress.org/plugins/tags/elementor-widgets/) * [Paparan Lanjutan](https://ms.wordpress.org/plugins/nocturne-dark-mode/advanced/) ## Ratings 4.1 out of 5 stars. * [ 5 5-star reviews ](https://wordpress.org/support/plugin/nocturne-dark-mode/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/nocturne-dark-mode/reviews/?filter=4) * [ 1 3-star review ](https://wordpress.org/support/plugin/nocturne-dark-mode/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/nocturne-dark-mode/reviews/?filter=2) * [ 1 1-star review ](https://wordpress.org/support/plugin/nocturne-dark-mode/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/nocturne-dark-mode/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/nocturne-dark-mode/reviews/) ## Penyumbang * [ DeoThemes ](https://profiles.wordpress.org/deothemes/) * [ Freemius ](https://profiles.wordpress.org/freemius/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/nocturne-dark-mode/) ## Derma Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://deothemes.com/)