Title: Dusky Dark Mode – Dark Mode for Gutenberg and Elementor Author: CodeConfig Published: January 18, 2024 Last modified: December 5, 2025 --- Search plugins ![](https://ps.w.org/dusky-dark-mode/assets/banner-772x250.gif?rev=3028129) ![](https://ps.w.org/dusky-dark-mode/assets/icon-256x256.gif?rev=3028146) # Dusky Dark Mode – Dark Mode for Gutenberg and Elementor By [CodeConfig](https://profiles.wordpress.org/codeconfig/) [Download](https://downloads.wordpress.org/plugin/dusky-dark-mode.1.0.17.zip) * [Details](https://pcd.wordpress.org/plugins/dusky-dark-mode/#description) * [Reviews](https://pcd.wordpress.org/plugins/dusky-dark-mode/#reviews) * [Installation](https://pcd.wordpress.org/plugins/dusky-dark-mode/#installation) * [Development](https://pcd.wordpress.org/plugins/dusky-dark-mode/#developers) [Support](https://wordpress.org/support/plugin/dusky-dark-mode/) ## Description [Dusky Dark Mode is the way to enhance your website](https://codeconfig.dev/dusky-dark-mode/) with an easy, eye-friendly dark mode that reduces eye strain and grabs traffic. It offers predefined presets to match your site’s aesthetic and allows real-time customization. With admin dashboard dark mode support you can enable dark mode on your Dashboard with just one click. Choose Dusky Dark Mode for a sophisticated, user-friendly solution that improves both functionality and aesthetics. [👁️ More Features](https://codeconfig.dev/dusky-dark-mode/) | [👑 Upgrade Now](https://codeconfig.dev/dusky-dark-mode/dusky-pricing/) | [📄 Docs](https://codeconfig.dev/docs-category/dusky-dark-mode/) | [▶️ Video Tutorial](https://youtube.com/playlist?list=PLNYVH9xXmhE0fKneRN9ZVkVR06yLV05km&si=psPswzS6iY0ts-GP) | [🎧 Support](https://codeconfig.dev/contact/) ### Let’s take a look at the impressive features of Dusky Dark Mode: ### ✨ FREE FEATURES: ✨ 📋 **Menu Toggle** – Easily add a dark mode toggle switch or dropdown to your WordPress menu. This lets visitors turn dark mode on or off without confusion. 💻 **Frontend Dark Mode** – Switch your website’s colors to a darker theme on the frontend. It improves readability, reduces eye strain, and makes browsing more comfortable, especially for users who spend long hours on your website. 🌙 **Default Dark Mode** – Show your website in dark mode by default. When new visitors land on your site, they’ll see the dark version immediately unless they choose otherwise. 🌓 **Auto Match OS Mode** – Automatically detects the visitor’s device setting ( light or dark) and applies the correct theme. This ensures a smooth experience for users who prefer their system settings to control the website’s appearance. 👨🏼‍💻 **Admin Dashboard Dark Mode** – Give your admin panel a dark interface. Perfect for site owners and editors who work long hours in WordPress and want a consistent dark theme across the backend. 👥 **Autosave User Mode** – Dusky Dark Mode remembers the visitor’s choice. If they select dark mode once, the next time they return to your site, dark mode will load automatically. ✎ **Classic and Block Editor Compatibility** – Works seamlessly with both the Classic Editor and the Block (Gutenberg) Editor, ensuring a smooth content editing experience in dark mode. ⌨️ **Keyboard Shortcut** – Quickly toggle between light and dark mode with `(Ctrl + Alt + D)`. A great accessibility feature for power users. ⌛ **Time-Based Dark Mode** – Schedule dark mode to activate and deactivate at specific times of the day. For example, you can enable dark mode at night and automatically switch back to light mode in the morning. 📶 **Improve Performance** – Performance Mode helps reduce script loading time and ensures dark mode works faster and smoothly across all pages. 💻 **Separate Toggle for Frontend and Dashboard** – Control dark mode for your site visitors and your own admin dashboard separately. Customize them independently to suit different needs. 🎨 **Color Settings** – Select from 10+ built-in color presets to change the overall dark mode style instantly. 🙅‍♂️ **Exclude Elements** – You can exclude certain parts of your site (like forms, widgets, or images) from dark mode. This gives you more control over what areas should stay in light mode. 🖼️ **Image Settings** – Adjust how images look in dark mode. Choose from low brightness, grayscale, or color inversion to keep them readable and stylish. 🎥 **Video Settings** – Just like images, control how videos are displayed in dark mode. This helps balance visuals without losing clarity. ✅ **Auto Save, Import, Export, Reset** – Automatically save changes you make in the settings. Import or export your dark mode settings easily, and reset everything back to default with a single click. ### 🚀 Pro Features 🔴 **Dark Mode Live Edit** – Customize dark mode in real-time. Instantly preview your changes as you adjust colors, switches, and styles. 🧮 **10+ Color Presets** – Unlock more color schemes for a stylish dark look. ✏️ **Custom Colors** – Choose your own background, text, link, and button colors to match your brand. 🔘 **30+ Toggle Buttons** – Get access to 40+ toggle styles to fit your site’s design. 🖼️ **Image and Video Replacement** – Replace light-mode images and videos with alternative versions in dark mode. 📚 **Dark Mode Typography** – Improve readability with different fonts and font sizes when dark mode is enabled. 🫳 **Draggable Toggle Switch** – Drag and place the dark mode switch anywhere on the screen. Works on both frontend and backend. 👥 **User Role Based Dashboard Dark Mode** – Enable dark mode only for certain WordPress roles (e.g., Admins, Editors, Authors). 📈 **Usage Analytics** – Track dark mode usage on your site. See how many users prefer dark mode and how often it’s toggled. ䷛ **Analytics & Reporting** – Get detailed email reports on dark mode usage. Customize how often reports are sent and what details are included. **Custom CSS** – Add your own CSS to fully control the appearance of dark mode. ### 🔋 Compatibility Dusky Dark Mode is tested with the popular WordPress themes and plugins. It works with Astra, Divi, Avada, GeneratePress, Gutenberg, Classic Editor, Elementor, Beaver Builder, and many other popular themes. It’s also fully compatible with WooCommerce, Easy Digital Downloads, Contact Form 7, Gravity Forms, Yoast SEO, and other widely used plugins. If you find any conflicts with your theme or plugins, you can easily fix them using the built-in Custom CSS option or by contacting our support team. ### 📚DOCUMENTATION & SUPPORT **[Documentation](https://codeconfig.dev/docs-category/dusky-dark-mode/)** **[Support](https://codeconfig.dev/contact/)**** [Video Tutorials](https://www.youtube.com/playlist?list=PLNYVH9xXmhE0fKneRN9ZVkVR06yLV05km)**** [Website](https://codeconfig.dev/dusky-dark-mode)** ### 3rd Party API This plugin uses the [ip-api.com](http://ip-api.com) API to detect the user’s location and enable time-based dark mode according to their local time. ### Special Thanks This plugin includes a modified version of a script from Dark Reader, an open-source browser extension licensed under the MIT license. We thank the Dark Reader team for their contribution to the open-source community. For more information about Dark Reader and its licensing terms, please visit https://github.com/darkreader/ darkreader. ### Contribute Dusky Dark Mode is an open-source project. You can view the full sources (unminified JS) and contribute to the project on GitLab: https://gitlab.com/jakirul/dusky-dark- mode ### 🔥 WHAT’S NEXT 🔥 Consider checking out our other products: 📦 [**File Manager For Dropbox**](https://wordpress.org/plugins/integrate-dropbox/)– File Manager for Dropbox lets you connect your cloud storage to your site so you can upload, embed, and share files without touching your server space. 📂 [**Integration Google Drive**](https://wordpress.org/plugins/integration-google-drive/)– Easily use any Google Drive files to WordPress with awesome gallery, slider carousel, file browser, and embed documents. 🛒 [**Essential Addons for WooCommerce**](https://wordpress.org/plugins/essential-addons-for-woocommerce)– Packed with 14+ must-have features to supercharge your WooCommerce store. ♿ [**Accessiy**](https://wordpress.org/plugins/codeconfig-accessibility/) – The Accessibility tool to make your website accessible for everyone. ## Screenshots * [[ * [[ * [[ * [[ * [[ * [[ * [[ * [[ * [[ * [[ * [[ * [[ * [[ * [[ ## Installation 1. Install and activate **Dusky Dark Mode** from **Plugins > Add New** in your WordPress dashboard. 2. By default, the plugin follows the visitor’s OS dark mode setting. You can enable/ disable this from **Settings > Dusky Dark Mode**. 3. Add the dark mode switch using a **Menu Toggle**, **Gutenberg Block**, or **Elementor Widget**. You can also follow our video tutorial: ## FAQ ### 1. Does Dusky Dark Mode work with all WordPress themes? Yes, it works with almost all themes, including Astra, Divi, Avada, GeneratePress, and more. ### 2. Can I customize dark mode in real-time? Yes, with the Live Edit feature, you can instantly see changes while adjusting colors, styles, and toggles. ### 3. Can I add the toggle button to the menu? Yes, you can add a switcher or dropdown toggle directly to your WordPress menu. ### 4. Can I try the Pro version before buying? Yes, you get a 7-day free trial without entering payment details. ### 5. Will dark mode affect my website’s performance? No, Dusky Dark Mode is lightweight and optimized. With Performance Mode, it loads scripts efficiently to keep your site fast. ### 6. Is it possible to exclude some elements from dark mode? Yes, you can exclude sections like forms, tables, or widgets from being affected by dark mode. ### 7. Can I use different images or videos for dark mode? Yes, in the Pro version, you can replace light-mode media with alternative versions for dark mode. ### 8. Does it work with WooCommerce? Yes, Dusky Dark Mode works perfectly with WooCommerce product pages, carts, and checkouts. ### 9. Is the plugin GDPR compliant? Yes, the plugin does not track personal data by default. Usage analytics are optional and can be turned off. ### 10. Can I set dark mode only for certain user roles in the admin panel? Yes, in the Pro version, you can enable dashboard dark mode for specific user roles like Administrators, Editors, or Authors. ## Reviews ![](https://secure.gravatar.com/avatar/102d46bc8cc18bdb8bb252de26388aafa9186150f904007befeaf514af4c1f52? s=60&d=retro&r=g) ### 󠀁[Excelente](https://wordpress.org/support/topic/excelente-4030/)󠁿 [Diego Soto](https://profiles.wordpress.org/diego-soto/) September 14, 2024 1 reply Es impresionante el reemplazo de imágenes y la suavidad de la transición. ![](https://secure.gravatar.com/avatar/c4e50d13535efd97f31f629b9bba3eaa9e523a3ca978685c3a0fa379f25b1c6b? s=60&d=retro&r=g) ### 󠀁[Excellent Features](https://wordpress.org/support/topic/excellent-features-23/)󠁿 [gyansundar](https://profiles.wordpress.org/gyansundar/) September 5, 2024 Best dark Mode plugin for WordPress. Have especial features and excellent support with Dusky Mode. Recommended! Try now. ![](https://secure.gravatar.com/avatar/40d6d4b48de0a01ccd2832f7bd539455f166b868e632a30856708cf7ba3c7309? s=60&d=retro&r=g) ### 󠀁[Perfect for my site](https://wordpress.org/support/topic/perfect-for-my-site-18/)󠁿 [bramonoadi](https://profiles.wordpress.org/bramonoadi/) August 13, 2024 1 reply For a few months I was looking for a dark mode plugin for my website, I finally found a plugin that fits and works well. many cool features are available, and the image replacement feature became a very useful feature for me. ![](https://secure.gravatar.com/avatar/5fadc0eef8f9d043e593d85f5c9c9bdd8020fdfcf81e83fc7fa5c86668b3147a? s=60&d=retro&r=g) ### 󠀁[Fantastic Plugin!](https://wordpress.org/support/topic/fantastic-plugin-1993/)󠁿 [Alden](https://profiles.wordpress.org/alden141/) July 16, 2024 Dusky Dark Mode is fantastic! Easy to use, highly customizable, and it looks amazing on my site. My visitors love the sleek design, and I’ve seen a drop in bounce rates. Excellent support team too. Highly recommend! ![](https://secure.gravatar.com/avatar/a34c483997f45d16833f78478bdb41a50e5ab4b5acd4335e559d80f35fbdd844? s=60&d=retro&r=g) ### 󠀁[Best Dark Mode plugin for WordPress I have ever use.](https://wordpress.org/support/topic/best-dark-mode-plugin-for-wordpress-i-have-ever-use/)󠁿 [rakib99](https://profiles.wordpress.org/rakib99/) May 28, 2024 Best Dark Mode plugin for WordPress I have ever use. easy to use and lots of fun here. ![](https://secure.gravatar.com/avatar/5d1daedadef33bb56532b3e38b11d380e18707102936c32a109e916a12ed0826? s=60&d=retro&r=g) ### 󠀁[Dusky Dark Mode: Elevate Your Website](https://wordpress.org/support/topic/dusky-dark-mode-elevate-your-website/)󠁿 [wppixelfit](https://profiles.wordpress.org/wppixelfit/) February 22, 2024 Dusky Dark Mode is the ultimate dark mode plugin for WordPress. With features like frontend dark mode, auto-matching OS mode, and admin dashboard compatibility, it’s a game-changer. Install it now and give your website a sophisticated twist! 🌙🌟: Dusky Dark Mode – The Best WordPress Dark Mode Plugin [ Read all 9 reviews ](https://wordpress.org/support/plugin/dusky-dark-mode/reviews/) ## Contributors & Developers “Dusky Dark Mode – Dark Mode for Gutenberg and Elementor” is open source software. The following people have contributed to this plugin. Contributors * [ CodeConfig ](https://profiles.wordpress.org/codeconfig/) * [ Md Jakirul Islam ](https://profiles.wordpress.org/jakirmithunbd/) [Translate “Dusky Dark Mode – Dark Mode for Gutenberg and Elementor” into your language.](https://translate.wordpress.org/projects/wp-plugins/dusky-dark-mode) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/dusky-dark-mode/), check out the [SVN repository](https://plugins.svn.wordpress.org/dusky-dark-mode/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/dusky-dark-mode/) by [RSS](https://plugins.trac.wordpress.org/log/dusky-dark-mode/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.16 (2025-24-09) * Update: Full version review * Update: Image replacement uploaded * Update: Keyboard shortcut updated * Fixed: Blinking issue fixed #### 1.0.15 (2025-02-05) * Update: Improved plugin performance and optimization. #### 1.0.14 (2025-01-08) * Fix: Resolved classic editor issue. #### 1.0.13 (2024-12-03) * Fix: Improved compatibility with caching plugins. * Update: Verified compatibility with the latest WordPress version. #### 1.0.12 (2024-12-09) * Fix: Resolved an issue where the default dark mode was not functioning correctly when a caching plugin was active. * Fix: Corrected issue with shortcode toggle rendering. * Fix: Improved compatibility with cache plugins. * Fix: Addressed initial dark mode toggle malfunction. * New: Added support for device-specific dark mode settings. #### 1.0.11 (2024-19-08) * Fix: Fix Frontend toggle issue for logout user. * New: Add Toggle position ( left, right, and middle ). * New: Add Toggle size ( small, medium, and large ). #### 1.0.10 (2024-06-08) * Fix: Fix “Advanced Editor Tools” plugin issue. * Fix: Fix classic editor dark mode issue. #### 1.0.9 (2024-18-07) * Fix: Fix background image replacement with classic and Gutenberg editor support. * Fix: Fix Exclude elements/sections * Fix: Fix flexible toggle issue * Update: Optimize dashboard UI #### 1.0.8 (2024-04-07) * Update: Enhance file size and overall performance. #### 1.0.7 (2024-02-07) * New: Capable of adding both toggle and dropdown type switchers to the WordPress menu. * Fix: Fix Missing Moon icon. #### 1.0.6 (2024-30-06) * Fix: Fix Custom Default Toggle Size. * Fix: Fix Keyboard Shortcut on MacOS. * Fix: Fix Blinking Issue. * Fix: Fix Time Based Dark Mode Issue. * Update: Optimize overall performance. #### 1.0.5 (2024-20-05) * Fix: Fix JS error dark mode issue. * New: Supported .gif file in image replacement. * Update: Update plugin UI. * Update: Update Getting Started Page UI. * Update: Improved overall plugin performance. #### 1.0.4 (2024-08-02) * Fix: Fix some issues. * New: Add total 40+ toggle button. * Update: Optimize files size. #### 1.0.3 (2024-29-01) * Fix: Fix 500 errors in ajax. #### 1.0.2 (2024-15-01) * New: Added auto save settings. * New: Added 14+ new dark mode color presets. * New: Added 15+ new dark mode toggler. * New: Added dark mode Live Editor. * New: Added dark mode usage analytics. * New: Added images and videos settings. * New: Added user role based dark mode. * New: Added URL parameter. * New: Added color adjustments settings. * New: Added flexible toggle position. * New: Added frontend and backend toggler position settings. * Update: Improved overall plugin performance. * Update: Improved toggle switcher. #### 1.0.1 (2024-11-01) * Fix: Fix JS error dark mode issue. * Update: Reduced the javascript file size. #### 1.0.0 (2024-18-01) * Initial release. ## Meta * Version **1.0.17** * Last updated **4 months ago** * Active installations **200+** * WordPress version ** 6.2 or higher ** * Tested up to **6.9.4** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/dusky-dark-mode/) * Tags * [accessibility](https://pcd.wordpress.org/plugins/tags/accessibility/)[dark mode](https://pcd.wordpress.org/plugins/tags/dark-mode/) [dark theme](https://pcd.wordpress.org/plugins/tags/dark-theme/)[Night Mode](https://pcd.wordpress.org/plugins/tags/night-mode/) * [Advanced View](https://pcd.wordpress.org/plugins/dusky-dark-mode/advanced/) ## Ratings 5 out of 5 stars. * [ 9 5-star reviews ](https://wordpress.org/support/plugin/dusky-dark-mode/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/dusky-dark-mode/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/dusky-dark-mode/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/dusky-dark-mode/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/dusky-dark-mode/reviews/?filter=1) [Add my review](https://wordpress.org/support/plugin/dusky-dark-mode/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/dusky-dark-mode/reviews/) ## Contributors * [ CodeConfig ](https://profiles.wordpress.org/codeconfig/) * [ Md Jakirul Islam ](https://profiles.wordpress.org/jakirmithunbd/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/dusky-dark-mode/)