DarkMySite

Shafayat Hossain

<h4>DarkMySite helps to create a stunning eye-pleasing dark mode version for your WordPress website easily and effectively.</h4>
The trend of dark mode has been rapidly growing in recent years, as more and more people seek ways to reduce eye strain and improve their online browsing experience. And with DarkMySite – WordPress Dark Mode Plugin, you can effortlessly add a fabulous dark mode theme to your WordPress website, providing your users with a stylish and convenient option.
DarkMySite is a powerful and lightweight WP Dark Mode plugin that uses advanced technology to flawlessly apply dark mode, intelligently understanding the structure of your website to deliver optimal design results. Whether your users prefer the sleek look of dark mode or simply wish to reduce eye strain, DarkMySite is the perfect solution.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/277_UYIzHJU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
👁️ <a href="https://darkmysite.com/demo" rel="nofollow ugc">View Demo</a> | 🚀 <a href="https://darkmysite.com/pricing" rel="nofollow ugc">Get the Premium Version</a>
With its extensive customization options, including a variety of floating switch designs, color presets, and image appearance control, DarkMySite enables you to create a dark mode theme that perfectly aligns with your website’s style and branding. Easily add a switch to your menu, display it anywhere on your site with a shortcode, or set it as the default theme – DarkMySite makes it all possible.
<h3>DARKMYSITE FEATURES</h3>
Get ready to experience the power and versatility of the DarkMySite Dark Mode plugin for WordPress. Discover its impressive array of features designed to enhance your website’s user experience, reduce eye strain, and align with your branding. Take a closer look and see why DarkMySite is the perfect solution for adding a stylish dark mode theme to your website.
<ol>
<li>Frontend Dark Mode – Apply dark mode to your website with a single click. The plugin uses advanced technology to understand your website structure for the best design output.</li>
<li>Admin Panel Dark Mode – Dark mode for your WordPress Admin Panel. Enhance your editing experience with a dark and sleek interface.</li>
<li>Default Dark Mode – Automatically display your website in dark mode. Set your website to dark mode by default and let visitors turn it off if they prefer.</li>
<li>OS Aware Dark Mode – Adapt to users’ device settings for a customized experience. The plugin automatically detects the operating system settings of each user and switches to dark mode accordingly.</li>
<li>Keyboard Shortcut – Quick ON/OFF toggle with Ctrl+Alt+D. The keyboard shortcut allows you to quickly turn dark mode on or off with just a few keystrokes.</li>
<li>Time Based Dark Mode – Automatically switch based on local time. The plugin can be set to automatically turn on dark mode based on the user’s local time.</li>
<li>Multiple Floating Switch Designs – Choose a switch design to match your site. Choose from multiple floating switch designs to match the style of your website.</li>
<li>Customizable Switch – Match the switch to your branding. Customize the switch’s appearance to match your brand’s colors and style.</li>
<li>Switch in Menu – Add a switch to your menu for easy access. The switch can be added to your menu for quick and convenient access by your visitors.</li>
<li>Shortcode Switch – Show the switch anywhere on your site. Use the shortcode to show the switch anywhere on your site, making it accessible from any page or post.</li>
<li>Color Presets with Customization – Multiple presets and the ability to customize them. Choose from multiple color presets or create your own custom preset to match your brand.</li>
<li>Image Control – Control image brightness, grayscale, background darkening, and inversion of inline SVGs. The plugin provides control over images, allowing you to adjust brightness, grayscale, background darkening, and inversion of inline SVGs for the best design in dark mode.</li>
<li>Video Control – The plugin also includes a feature that allows you to control the brightness and grayscale level of videos for the best design in dark mode. With this, you can adjust the brightness and grayscale of videos to ensure they blend seamlessly with the rest of your dark mode design.</li>
<li>Page Builder Compatibility – Works with popular page builders like Divi Builder, WP Bakery, Visual Composer, Beaver Builder, Oxygen Builder, and Elementor. The plugin is compatible with popular page builders, making it easy to use with any website design.</li>
</ol>
👁️ <a href="https://darkmysite.com/demo" rel="nofollow ugc">View Demo</a> | 🚀 <a href="https://darkmysite.com/pricing" rel="nofollow ugc">Get the Premium Version</a>
<h3>🔥 PRO FEATURES OF DARKMYSITE</h3>
Upgrade to DarkMySite Premium and take your dark mode theme to the next level. With our premium offering, you’ll gain access to a range of powerful and unique features that will help you to stand out from the crowd and deliver an even more immersive dark mode experience to your users.
<ol>
<li>9+ Floating Switch Designs – Choose from an extensive collection of floating switch designs to match your site’s style and branding. With 7+ options to choose from, you’ll find the perfect switch to complement your website.</li>
<li>Dragable Position Change – Give your users complete control over the position of the floating switch. With the ability to drag and drop the switch anywhere on the screen, your visitors can easily access the dark mode toggle from any page.</li>
<li>Special Color Preset Customization – Take your dark mode theme to the next level with special color preset customization. With the ability to change link color, border color, form field color, and button color, you can create a seamless and stylish dark mode experience that aligns with your website’s branding.</li>
<li>Image Inversion – Automatically invert specified images with ease. Whether you’re looking to achieve a unique look or simply enhance the accessibility of your site, DarkMySite Premium makes it easy to invert images in dark mode.</li>
<li>Image Replacement – Automatically replace specified images in dark mode. Whether you’re looking to add a touch of customization or simply improve the look of your site, DarkMySite Premium makes it easy to replace images in dark mode.</li>
<li>Video Replacement – Automatically replace specified videos in dark mode. This feature allows you to add a personalized touch to your dark mode design or simply improve the appearance of your website by replacing videos with versions that are better suited for dark mode.</li>
<li>Allow / Disallow Elements – With the powerful controls to allow or disallow dark mode color presets in specific HTML elements or sections, you have complete control over the appearance of your site in dark mode.</li>
<li>Allow / Disallow Pages – Control which pages display dark mode and which don’t. With the ability to allow or disallow dark mode on specific pages, you have complete control over the experience your visitors have on your site.</li>
<li>Allow / Disallow Posts – Control which posts display dark mode and which don’t. With the ability to allow or disallow dark mode on specific posts, you have complete control over the experience your visitors have on your site.</li>
<li>Custom CSS – Write custom styles using CSS to be effective only on dark mode. Whether you’re looking to make minor tweaks or major changes, DarkMySite Premium makes it easy to write custom CSS for dark mode.</li>
</ol>
With these premium features and more, DarkMySite Premium is the ultimate solution for delivering a fabulous dark mode theme to your WordPress website.
👁️ <a href="https://darkmysite.com/demo" rel="nofollow ugc">View Demo</a> | 🚀 <a href="https://darkmysite.com/pricing" rel="nofollow ugc">Get the Premium Version</a>
<h3>HOW DARKMYSITE WORKS</h3>
The plugin is very easy to use in WordPress. Just follow these quick steps-
<ol>
<li>Install DarkMySite and activate it.</li>
<li>Check your website and you should already see the dark mode floating switch at the bottom right.</li>
<li>To customize, click on the DarkMySite menu on your WordPress dashboard.</li>
</ol>

DarkMySite – Advanced Dark Mode Plugin for WordPress


Fantastic plugin. Clean UI/UX with advanced features. Very easy to turn on dark mode on whole website.


Dark mode made easy


DarkMySite is a fantastic plugin that adds a smooth and customizable dark mode to my WordPress site. It’s easy to set up and works flawlessly across all devices.



They responded quickly to my inquiries and provided clear, effective solutions. Their professionalism and willingness to help made a huge difference.



Highly recommended for anyone looking to enhance their site with a reliable dark mode option and top-notch support!


This plugin is amazing!

Best WordPress dark mode plugin to ready your site for the night. Multiple floating switch to choose between night mode and normal mode.

ThemeAtelier

Foysal Imran

Sakhawat Hossain

Abdul Aziz

Darkify Dark Mode

Darkify adds WordPress Dark Mode and Night Mode to both the website frontend and the WordPress admin dashboard. Visitors can switch between light and dark themes using a toggle, while site owners control how dark mode behaves across the frontend, admin panel, and editors.
Darkify supports frontend dark mode, admin dashboard dark mode, and editor-specific dark mode for Gutenberg (Block Editor) and the Classic Editor. It includes OS-aware detection, default dark mode, time-based scheduling, keyboard shortcuts, and multiple toggle placement options. Designed for performance and compatibility, Darkify works seamlessly with popular WordPress themes, page builders, and WooCommerce — without modifying theme files or requiring custom code.
Site owners can customize dark mode colors, switches, media handling, and element visibility. Darkify also provides controls for images, videos, scrollbars, mobile behavior, and page or element-level targeting to ensure dark mode integrates cleanly with different themes, builders, and layouts.
<h4>How Darkify Works</h4>
Darkify applies dark mode styling using configurable rules rather than modifying theme files. You can enable dark mode globally or limit it to specific areas, pages, posts, or elements. Settings can be adjusted from a centralized admin panel and reused across different sites using import and export tools.
Darkify is designed to work with popular WordPress themes, page builders, and multisite installations, allowing dark mode to be configured without requiring custom code.
<h4>Why Choose Darkify?</h4>
✔ Dark mode for frontend and admin dashboard 
✔ Works with Gutenberg, Elementor, and popular builders 
✔ OS-aware, scheduled, and manual switching 
✔ Lightweight and performance-focused 
✔ No theme modification required
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/camMkoEa_4Q?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent&listType=playlist&list=PL_Vf9qsWW467H24WgSPp7eFtl-7LFBeIq" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<a href="https://darkifywp.com/" rel="nofollow ugc">Live Demo</a> | <a href="https://wordpress.org/support/plugin/darkify/" rel="ugc">Support</a> | <a href="https://darkifywp.com/docs/" rel="nofollow ugc">Documentation</a> | <a href="https://darkifywp.com/pricing/?ref=1" rel="nofollow ugc">Upgrade to Pro!</a>
<h4>Key Features of Darkify Dark mode Plugin</h4>
<ul>
<li>
Frontend Dark Mode: Enable dark mode on the public-facing website and allow visitors to switch between light and dark themes using a toggle.
</li>
<li>
Admin Dashboard Dark Mode: Apply dark mode to the WordPress admin area to provide a darker interface while managing site content and settings.
</li>
<li>
Editor-Specific Dark Mode: Enable dark mode independently for the WordPress Admin Panel, Block Editor (Gutenberg), and Classic Editor.
</li>
<li>
Default Dark Mode: Load the website in dark mode by default while allowing visitors to switch back to light mode at any time.
</li>
<li>
OS-Aware Dark Mode: Detect the visitor’s operating system preference and automatically apply light or dark mode accordingly.
</li>
<li>
Time-Based Dark Mode: Schedule automatic switching between light and dark mode based on a defined time range.
</li>
<li>
Keyboard Shortcut: Allow users to toggle dark mode using a simple keyboard shortcut: Ctrl + Alt + D for quick access.
</li>
<li>
Multiple Floating Switch Designs: Choose from different floating switch styles and positions to control how the toggle appears on the site.
</li>
<li>
Customizable Switch: Adjust the switch size, colors, icons, and styling to match the site’s design.
</li>
<li>
Switch in Menu: Insert the dark mode toggle into selected WordPress navigation menus.
</li>
<li>
Shortcode Switch: Place the dark mode toggle anywhere on the site using a shortcode, including pages, posts, widgets, or templates.
</li>
<li>
Multiple Switch Placement Options: Display the dark mode toggle as a floating button, menu item, shortcode, or by targeting a custom CSS selector.
</li>
<li>
Mobile-Specific Controls: Control switch visibility, position, spacing, and behavior separately for mobile devices.
</li>
<li>
Color Presets & Customization: Choose from 8 predefined dark color presets or manually configure background, text, link, and UI colors.
</li>
<li>
Dark Mode Scrollbar Styling: Optionally apply dark styling to browser scrollbars for a more consistent dark interface.
</li>
<li>
Advanced Image Control: Adjust image brightness, contrast, and grayscale settings to improve image visibility in dark mode.
</li>
<li>
Video Control: Modify video brightness and grayscale settings to better match dark mode layouts.
</li>
<li>
Element-Level Control: Include or exclude specific HTML elements, tags, classes, or IDs from dark mode styling.
</li>
<li>
Settings Backup & Restore: Export plugin settings to a file and import them on another site or restore them later.
</li>
<li>
Clean Uninstall Option: Optionally remove plugin settings and data from the database when uninstalling the plugin.
</li>
<li>
Page Builder Compatibility: Compatible with popular page builders such as Elementor, Divi, WPBakery, Beaver Builder, Visual Composer, and Oxygen.
</li>
<li>
Easy Settings Panel: Manage all plugin features from a centralized settings panel in the WordPress admin area.
</li>
<li>
Multisite Support: Configure dark mode settings for WordPress multisite networks, globally or per site.
</li>
<li>
Multilingual Ready: Translation-ready and compatible with multilingual WordPress setups.
</li>
<li>
Theme Compatibility: Designed to work with most WordPress themes without requiring theme-specific modifications.
</li>
<li>
Developer-Friendly: Provides a structured and extensible codebase that developers can customize using hooks and filters.
</li>
<li>
Cross-Browser Compatibility: Designed to work across modern browsers such as Chrome, Firefox, Safari, Edge, Opera, etc.
</li>
<li>
Documentation & Support: User guides, tutorials, and support are available through documentation and the WordPress.org support forums.
</li>
</ul>
<h3>Full Features & Setup Guide</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/H51pgFm52LY?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>How to Add Dark Mode in Gutenberg (WordPress Block Editor)</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/VbujMOaKp4o?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>How to Add Dark Mode in Elementor</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/7NAxigAQU6E?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>Page Builder Compatibility</h4>
<ul>
<li>Gutenberg</li>
<li>WPBakery</li>
<li>Elementor</li>
<li>Beaver Builder</li>
<li>SiteOrigin</li>
<li>Divi</li>
<li>LayersWP</li>
<li>MotoPress</li>
<li>Cornerstone</li>
<li>Themify Builder</li>
<li>Spectra</li>
<li>Visual Composer</li>
<li>Brizy</li>
<li>Oxygen Builder</li>
<li>CoBlocks</li>
<li>GreenShift</li>
<li>Bricks Builder</li>
<li>JetEngine (Crocoblock ecosystem)</li>
<li>…and more</li>
</ul>
<h4>Compatible Themes (examples)</h4>
<ul>
<li>Hello Elementor</li>
<li>Astra</li>
<li>Divi</li>
<li>Kadence</li>
<li>Themify Ultra</li>
<li>OceanWP</li>
<li>Hestia</li>
<li>Inspiro</li>
<li>GeneratePress</li>
<li>Avada</li>
<li>Blocksy</li>
<li>Neve</li>
<li>Betheme</li>
<li>The7</li>
<li>Flatsome</li>
<li>BuddyBoss</li>
<li>Spacious</li>
<li>Responsive</li>
<li>Customizr</li>
<li>ColorMag</li>
<li>Phlox</li>
<li>Photograph</li>
<li>Sydney</li>
<li>Enfold</li>
<li>Uncode</li>
<li>Salient</li>
<li>Jupiter X</li>
<li>X Theme</li>
<li>Newspaper</li>
<li>Block Theme</li>
<li>…and more</li>
</ul>
<h4>↔ Slider Compatibility</h4>
Darkify is fully compatible with the most popular WordPress slider plugins:
<ul>
<li>Slider Revolution</li>
<li>Smart Slider 3</li>
<li>LayerSlider</li>
<li>MetaSlider</li>
<li>Soliloquy</li>
<li>Master Slider</li>
<li>RoyalSlider</li>
<li>Swiper (Theme-integrated sliders)</li>
<li>Owl Carousel–based sliders</li>
<li>Slick Slider integrations</li>
<li>Kadence Slider</li>
<li>Elementor Slides Widget</li>
<li>Divi Slider Module</li>
<li>Avada Slider (Fusion Slider)</li>
<li>Block Editor Slider Blocks</li>
<li>Ultimate Addons Slider Modules</li>
<li>…and more</li>
</ul>
<h3>PRO VERSION FEATURES</h3>
🎨 Design & Customization Options
<ul>
<li>
16+ Floating Switch Designs 
Choose from a diverse collection of floating switch styles to perfectly match your website’s look and feel.
</li>
<li>
Draggable Switch Positioning 
Allow users to move the floating dark mode switch anywhere on the screen. This drag-and-drop flexibility ensures convenient access from any page or section.
</li>
<li>
Special Color Preset Customization 
Customize your dark mode theme with advanced color settings. Change link colors, border colors, form field styling, and button appearances to align with your brand identity.
</li>
<li>
Custom CSS for Dark Mode 
Add custom CSS styles that apply only in dark mode. This gives developers and designers complete control for fine-tuning the dark theme experience.
</li>
</ul>
🖼️ Media Handling
<ul>
<li>
Image Inversion 
Automatically invert specific images for better visibility in dark mode. Improve both aesthetics and accessibility without needing to edit the original assets.
</li>
<li>
Image Replacement 
Seamlessly replace specific images with dark-mode-optimized versions. Perfect for logos, banners, or illustrations that need a customized look in night mode.
</li>
<li>
Video Replacement 
Automatically swap videos with dark-friendly versions to maintain a consistent design across your website’s visual elements.
</li>
</ul>
🔧 Advanced Visibility Controls
<ul>
<li>
Allow / Disallow Elements 
Fine-tune your dark mode display by selecting which HTML elements or sections should use dark mode styling—and which should not.
</li>
<li>
Allow / Disallow Pages 
Choose which individual pages display dark mode. Exclude landing pages, checkout flows, or any special content for a fully tailored user experience.
</li>
<li>
Allow / Disallow Posts 
Decide which specific posts support dark mode. Maintain full editorial control over how your content appears across different post types.
</li>
</ul>
<h3>External services</h3>
Darkify uses <a href="https://appsero.com" rel="nofollow ugc">Appsero</a> SDK to collect some telemetry data upon user’s confirmation. This helps us to troubleshoot problems faster & make product improvements.
Appsero SDK does not gather any data by default. The SDK only starts gathering basic telemetry data when a user allows it via the admin notice. We collect the data to ensure a great user experience for all our users.
Integrating Appsero SDK DOES NOT IMMEDIATELY start gathering data, without confirmation from users in any case.
Learn more about how <a href="https://appsero.com/privacy-policy/" rel="nofollow ugc">Appsero collects and uses this data</a>.
<h3>OTHER AMAZING PRODUCTS FROM ThemeAtelier</h3>
➡️ <a href="https://wordpress.org/plugins/chat-help/" rel="ugc">WhatsApp Chat Help</a> – A flexible WhatsApp chat plugin that helps website visitors start instant conversations with you directly from your WordPress site.
➡️ <a href="https://wordpress.org/plugins/eventful/" rel="ugc">Eventful – Events Showcase and Filter Bar for The Events Calendar</a> – An event display plugin for The Events Calendar that helps you showcase events in clean, modern, and fully responsive layouts without any coding.
➡️ <a href="https://wordpress.org/plugins/greet-bubble/" rel="ugc">Greet – Video Bubble Warm Welcome Plugin</a> – A video welcome bubble plugin that helps you greet visitors warmly and provide quick contact options to boost engagement.
➡️ <a href="https://wordpress.org/plugins/domain-for-sale/" rel="ugc">Domain For Sale</a> – A domain listing and offer management plugin that helps you list domains, collect buyer offers, and manage secure sales with escrow payments directly from WordPress.
➡️ <a href="https://wordpress.org/plugins/eventful-for-elementor/" rel="ugc">Eventful for Elementor – Events Showcase For The Events Calendar and Elementor</a> – An Elementor addon for The Events Calendar that lets you design and display events using Elementor widgets with advanced, responsive layouts.
➡️ <a href="https://wordpress.org/plugins/better-chat-support/" rel="ugc">Better Chat Support For Messenger</a> – A Facebook Messenger chat plugin that allows visitors to contact you instantly through Messenger with customizable chat bubbles.

Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included)

Works perfectly

Darkify Dark Mode adds dark mode and night mode to WordPress websites and admin dashboards using a fast, lightweight, customizable dark mode toggle.

DarkMySite – Advanced Dark Mode Plugin for WordPress vs Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included)