quomodosoft

Rayhan Uddin

QS Dark Mode is a simple yet convenient plugin that allows WordPress websites to turn on a Dark Mode website or theme. This WordPress QS Dark Mode plugin is very much user friendly, fully compatible to all browsers, operating systems and devices. It is also compatible with all WordPress themes
QS Dark Mode is a plugin which allows you to turn on the Dark Mode in your WordPress website. Dark Mode theme/website can be turned OFF or ON using a prominently displayed toggle icon on the screen or even from them Plugin Settings
The most amazing Dark Mode plugin is QS Dark Mode . It provides a huge number of features to make you and your WordPress website visitors more comfortable. Accessing procedure of this plugin is very easy. You just need to install and activate the plugin for your WordPress website. You will find all the features here below:
<a href="https://quomodosoft.com/plugins/qs-dark-mode/" rel="nofollow ugc">👁️ View Demo</a> | <a href="https://quomodosoft.com/plugins/qs-dark-mode/" rel="nofollow ugc">🚀 Get The PRO Version</a> | <a href="http://help.quomodosoft.com/" rel="nofollow ugc">👩🏼‍💻 Support</a>
<h3>QS Dark Mode Plugin FEATURES</h3>
<ul>
<li>Dashboard Color Scheme : – QS Dark Mode bring the option customize your WordPress dashboard with a click.</li>
<li>Default Dark Mode : You can also set Default Dark Mode from your dashboard for your website with QS Dark Mode .</li>
<li>Front End Dark Mode : To active Dark Mode in Front End We have bring QS Dark Mode and Now you are all set to enjoy the Dark Version of the website</li>
<li>Dashboard Dark Mode : To change the WordPress Dashboard to a Dark Mode or version You can use QS Dark Mode .</li>
<li>Switch : Showcase your stylish switch style and bring a posh look to the website. QS Dark Mode has it all.</li>
<li>Short Code : QS Dark Mode is compatible with all page builder even with WordPress itself, so use short code to make it work.</li>
<li>Switch Presets : – We have 4 Switch Presets in our Free version to convert your website in Dark Mode .</li>
<li>Switch Style : QS Dark Mode Provide different style for the switch and it can be your won as well. </li>
<li>Switch Position : You can set the button /switch anywhere you want with the QS Dark Mode Positioning options.</li>
<li>Switch Custom Style : it’s much easier to have your own switch style in your website.</li>
<li>Switch Custom Text : Place your text on the button as per your wish.</li>
<li>Theme Color Presets : – 4 Color Scheme for your theme is ready with the QS Dark Mode WordPress Plugin.</li>
<li>Custom Elements : You can also give style to your custom elements with QS Dark Mode </li>
<li>Exclude Elements : You have the option to exclude any specific area or elements from your website with QS Dark Mode .</li>
<li>Custom CSS : to target specific content or id even class, QS Dark Mode give you the authority to make it happen.</li>
<li>Image Opacity : To make a proper contrast you can also choose image opacity. </li>
<li>Image Filter : There are few options is QS Dark Mode to control the image filter or to change the filter type.</li>
<li>Keyboard Shortcut : You can now change darkmode switch using Keyboard shift + D.</li>
</ul>
<a href="https://quomodosoft.com/plugins/qs-dark-mode/" rel="nofollow ugc">👁️ View Demo</a> | <a href="https://quomodosoft.com/plugins/qs-dark-mode/" rel="nofollow ugc">🚀 Get The PRO Version</a> | <a href="http://help.quomodosoft.com/" rel="nofollow ugc">👩🏼‍💻 Support</a>
<h3>QS Dark Mode Plugin Pro Features</h3>
<ul>
<li>All Free QS Dark Mode Features</li>
<li>Switch Presets : With stunning premade design of QS Dark Mode switch you can enjoy the beauty of this plugin</li>
<li>Switch Custom Image : Change the Image in the Switch with QS Dark Mode </li>
<li>Switch Custom Style : Its Not necessary that you have to use our presets or style. Its always Open to create your own Switch style with QS Dark Mode </li>
<li>Theme Preset Box Shadow : With a premade options, you can use the box shadow on your theme presets.</li>
<li>Custom property color : Specific area or property can also customize with custom property color option in QS Dark Mode .</li>
<li>Image Swap : You can swap image for Dark Mode screen as your wish.</li>
<li>Image Compare : Now you can compare or show the image compare with QS Dark Mode .</li>
<li>Exclude Dark Mode Feature : If you want you can Skip Dark Mode features in specific Page with QS Dark Mode </li>
<li>Exclude Custom CSS in Specific Page : To deal with your own person choice you can also Excluse some Custom CSS in your QS Dark Mode WordPress Plugin.</li>
<li>Schedule Dark Mode : Just schedule your proffered time and take rest, QS Dark Mode will automatically convert the website UI in to Dark Mode .</li>
<li>Above Post Placement : Place anywhere you want it to be like you can also post above or after the post and pages.</li>
<li>WooCommerce Shop : We have also define the WooCommerce shop page default style with QS Dark Mode .</li>
<li>WooCommerce Product Details Page : QS Dark Mode also work on WooCommerce Default product details page with its default system.</li>
<li>Floating Switch Options : You Switch can now float anywhere of the website with QS Dark Mode Floating Switch Options.</li>
<li>Re-positioning floating switch : Give a suitable position to your Button/Switch with QS Dark Mode WordPress Plugin.</li>
<li>Elementor Dark Mode Widgets : QS Dark Mode supports Elementor as we have Short Code Options and you can use it as Elementor Widgets.</li>
<li>OS Based Dark Mode : When Operating systems in Dark Mode Plugin will automatically change to dark mode.</li>
<li>Cookie : Dark Mode settings will save in user browser.</li>
<li>Switch In Menu : You Can Show Dark Mode switch in header menu area or any menu area.</li>
<li>Swicth Keyboard : You can now change switch button using keyboard shortcut key.</li>
<li>Visual Composer Dark Mode Widgets : QS Dark Mode supports Visual Composer as we have ShortCode Options and you can use it as Visual Composer Widgets.</li>
<li>Well Documented : With a beautiful UI & UX we have bring a easy Navigation Dashboard for the users of QS Dark Mode WordPress Plugins and its well Documented.</li>
</ul>
<a href="https://quomodosoft.com/plugins/qs-dark-mode/" rel="nofollow ugc">👁️ View Demo</a> | <a href="https://quomodosoft.com/plugins/qs-dark-mode/" rel="nofollow ugc">🚀 Get The PRO Version</a> | <a href="http://help.quomodosoft.com/" rel="nofollow ugc">👩🏼‍💻 Support</a>
<h3>OUR OTHER PLUGINS</h3>
You can also check our other WordPress plugins:
<a href="https://wordpress.org/plugins/element-ready-lite" rel="ugc">ElementsReady</a> – Elements Ready Elementor Addons With Header & Footer Builder
<a href="https://wordpress.org/plugins/shopready-elementor-addon" rel="ugc">ShopReady</a> – ShopReady – WooCommerce Builder for Elementor, Products Compare, UpSell, Variation Swatches, Wishlist, QuickView

QS Dark Mode Plugin

i was using the plugin for last few days, i got surprised by the plugin. 
it work very well.

Amazed by this

Features & Flexibility

QS Dark Mode is a simple yet convenient plugin that allows WordPress websites to turn on a dark mode website or theme.

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.

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