Features

🌙 Core Dark Mode Features

Frontend Dark Mode – Instantly enable dark mode across your WordPress site with one click — no coding required.
Default Dark Mode – Start your site in dark mode by default for all visitors while still letting them switch to light mode.
OS-Aware Dark Mode – Automatically match each visitor’s operating system theme for a seamless, personalized experience.
Keyboard Shortcut Toggle – Users can press Ctrl + Alt + D (Windows) or Control + Option + D (macOS) to switch modes instantly.
Time-Based Auto Dark Mode – Automatically switch to dark mode based on the user’s local time for a day-to-night experience.
Admin Panel Dark Mode – Reduce eye strain with a beautifully styled dark interface in the WordPress dashboard.

Hide Dark Mode Switch on Mobile – Decide how and where the toggle appears on mobile devices.
Show Switch in Menu – Add the dark mode toggle directly to your main navigation.
Shortcode for Menus – Place the toggle anywhere inside menus with an easy shortcode.
Disallowed Pages – Keep selected backend pages in light mode for full control over your workspace.

Switch Toggler Designs – Choose from 12 beautifully designed togglers to fit your site’s aesthetic.
Switch Background & Size – Customize background color, width, and height for a perfect fit.
Switch Border Controls – Fine-tune border width, color, and radius for a polished finish.
Switch Icon Color & Size – Adjust icon colors and size separately for light and dark modes.
Switch Positioning – Choose from four default screen positions: bottom right, bottom left, top right, or top left.
Margin Control – Set precise margins from the selected position for a refined layout.
Different Switch Position on Mobile – Use separate positioning for mobile devices.
Absolute or Fixed Position – Make the switch scroll with the page or keep it fixed.
Draggable Position – Allow users to drag and reposition the switch anywhere.
Switcher Shortcode – Embed a fully customizable dark mode switch anywhere on your site.
Alternative Dark Mode Switch – Turn any existing button or element into a dark mode toggle using CSS selectors.

Dark Mode Gutenberg Block: Instantly add a sleek dark mode toggle to any post or page using the Gutenberg block. Place it anywhere and give your visitors full control over their viewing experience.
Dark Mode Elementor Widget: Seamlessly insert a customizable dark mode switch into any Elementor layout. Design it your way and match it perfectly with your site’s style.
Dark Mode Widget Support: Easily enable dark mode for WordPress widgets and keep your entire site visually consistent—no extra setup, no hassle.

Floating Switch Tooltips – Add helpful messages or fun text to your floating switch.
Flexible Tooltip Positioning – Place tooltips on the left, right, top, or bottom.
Custom Tooltip Text – Write your own messages to match your brand’s tone.
Branded Tooltip Styling – Set background and text colors for consistent branding.

Pre-Designed Presets – Instantly apply a professionally crafted dark mode palette (5 free / 11 Pro).
Color Presets for Gutenberg – Select from (5 free / 11 pro) predefined dark color schemes directly inside the Gutenberg editor.
Custom Background Colors – Define primary and secondary backgrounds to match your brand.
Text Color Control – Adjust body, link, and hover colors for maximum readability.
Input Field Styling – Customize input backgrounds, text, and placeholders.
Border Color Management – Fine-tune border colors across your site.
Button Color Customization – Match button backgrounds and text colors to your theme.
Scrollbar Dark Mode – Apply dark styling to scrollbars for a unified appearance.
Scrollbar Track & Thumb Colors – Precisely style both track and thumb for branded scrollbars.

Low Brightness Images – Reduce image brightness in dark mode for comfortable viewing.
Adjustable Brightness Levels – Fine-tune brightness from 0% to 100%.
Exclude Specific Images – Leave selected images untouched by brightness controls.
Grayscale Images – Apply a grayscale filter to images for a sleek look.
Adjustable Grayscale Levels – Set grayscale intensity to match your style.
Invert Inline SVG – Automatically invert inline SVG graphics.
Invert Specific Images – Target and invert only certain images.
Replace Images in Dark Mode – Upload alternate image versions for dark mode.

Low Brightness Videos – Reduce glare on embedded videos in dark mode.
Adjustable Brightness Levels – Control video brightness from 0% to 100%.
Grayscale Videos – Convert videos to grayscale for a distraction-free look.
Adjustable Grayscale Levels – Balance aesthetics and readability for each video.
Replace Videos in Dark Mode – Swap videos with dark-mode-specific versions.
Flexible Video Sources – Works with local files and external platforms like YouTube, Vimeo, and Dailymotion.

Allow Only Elements – Apply dark mode only to selected tags, classes, or IDs.
Force to Correct Allowed Elements – Ensure chosen elements always display properly.
Disallowed Elements – Exclude specific elements from dark mode styling.
Force to Correct Disallowed Elements – Override conflicting styles for readability.
Allow Only Pages – Restrict dark mode to selected pages.
Disallowed Pages – Exclude pages where dark mode isn’t appropriate.
Allow Only Posts – Enable dark mode on chosen posts.
Disallowed Posts – Prevent dark mode on posts needing unique visuals.

Dark Mode CSS – Add custom CSS rules that apply only in dark mode.
Child Element Styling – Automatically apply styles to nested elements.
Smart Selector Handling – Use advanced selectors and filters for precise control.
Normal Mode CSS – Define global styles for both dark and light modes.

Import / Export Settings – Transfer your dark mode configurations between sites easily.
Download Backup Files – Save and restore all custom settings and switch styles.
Clean Up on Deletion – Automatically remove stored settings when uninstalling to keep your database clean.