Features
Every setting Darkify ships with, grouped by what it does. Jump to a category, or explore any of them hands-on in the demos.
Core Dark Mode Features
- Frontend Dark Mode — Instantly enable dark mode across your WordPress site with one click — no coding required.
- OS-Aware Dark Mode — Automatically match each visitor’s operating system theme for a seamless, personalized experience.
- Time-Based Auto Mode — Automatically switch to dark mode based on the user’s local time for a day-to-night experience.
- Default Dark Mode — Start your site in dark mode by default for all visitors while still letting them switch to light mode.
- Keyboard Shortcut Toggle — Users can press Ctrl + Alt + D (Windows) or Control + Option + D (macOS) to switch modes instantly.
- Admin Panel Dark Mode — Reduce eye strain with a beautifully styled dark interface in the WordPress dashboard.
Advanced Controls
- Hide Dark Mode Switch on Mobile — Decide how and where the toggle appears on mobile devices.
- Shortcode for Menus — Place the toggle anywhere inside menus with an easy shortcode.
- Show Switch in Menu — Add the dark mode toggle directly to your main navigation.
- Disallowed Admin Pages — Keep selected backend pages in light mode for full control over your workspace.
Switch Customization
- Switch Toggler Designs — Choose from 12 beautifully designed togglers to fit your site’s aesthetic.
- Switch Border Controls — Fine-tune border width, color, and radius for a polished finish.
- Switch Positioning — Choose from four default screen positions: bottom right, bottom left, top right, or top left.
- Different Switch Position on Mobile — Use separate positioning for mobile devices.
- Draggable Position — Allow users to drag and reposition the switch anywhere.
- Alternative Dark Mode Switch — Turn any existing button or element into a dark mode toggle using CSS selectors.
- 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.
- Switch Background & Size — Customize background color, width, and height for a perfect fit.
- Switch Icon Color & Size — Adjust icon colors and size separately for light and dark modes.
- Margin Control — Set precise margins from the selected position for a refined layout.
- Absolute or Fixed Position — Make the switch scroll with the page or keep it fixed.
- Switcher Shortcode — Embed a fully customizable dark mode switch anywhere on your site.
- 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 Widget Support — Easily enable dark mode for WordPress widgets and keep your entire site visually consistent — no extra setup, no hassle.
Tooltips & Guidance
- Floating Switch Tooltips — Add helpful messages or fun text to your floating switch.
- Custom Tooltip Text — Write your own messages to match your brand’s tone.
- Flexible Tooltip Positioning — Place tooltips on the left, right, top, or bottom.
- Branded Tooltip Styling — Set background and text colors for consistent branding.
Color Customization
- Pre-Designed Presets — Instantly apply a professionally crafted dark mode palette (5 free / 11 Pro).
- Custom Background Colors — Define primary and secondary backgrounds to match your brand.
- Input Field Styling — Customize input backgrounds, text, and placeholders.
- Button Color Customization — Match button backgrounds and text colors to your theme.
- Scrollbar Track & Thumb Colors — Precisely style both track and thumb for branded scrollbars.
- Color Presets for Gutenberg — Select from 5 free / 11 pro predefined dark color schemes directly inside the Gutenberg editor.
- Text Color Control — Adjust body, link, and hover colors for maximum readability.
- Border Color Management — Fine-tune border colors across your site.
- Scrollbar Dark Mode — Apply dark styling to scrollbars for a unified appearance.
Image Handling
- Low Brightness Images — Reduce image brightness in dark mode for comfortable viewing.
- Exclude Specific Images — Leave selected images untouched by brightness controls.
- Adjustable Grayscale Levels — Set grayscale intensity to match your style.
- Invert Specific Images — Target and invert only certain images.
- Adjustable Brightness Levels — Fine-tune brightness from 0% to 100%.
- Grayscale Images — Apply a grayscale filter to images for a sleek look.
- Invert Inline SVG — Automatically invert inline SVG graphics.
- Replace Images in Dark Mode — Upload alternate image versions for dark mode.
Video Handling
- Low Brightness Videos — Reduce glare on embedded videos in dark mode.
- Grayscale Videos — Convert videos to grayscale for a distraction-free look.
- Replace Videos in Dark Mode — Swap videos with dark-mode-specific versions.
- Adjustable Brightness Levels — Control video brightness from 0% to 100%.
- Adjustable Grayscale Levels — Balance aesthetics and readability for each video.
- Flexible Video Sources — Works with local files and external platforms like YouTube, Vimeo, and Dailymotion.
Advanced Targeting
- Allow Only Elements — Apply dark mode only to selected tags, classes, or IDs.
- Disallowed Elements — Exclude specific elements from dark mode styling.
- Allow Only Pages — Restrict dark mode to selected pages.
- Allow Only Posts — Enable dark mode on chosen posts.
- Force to Correct Allowed Elements — Ensure chosen elements always display properly.
- Force to Correct Disallowed Elements — Override conflicting styles for readability.
- Disallowed Pages — Exclude pages where dark mode isn’t appropriate.
- Disallowed Posts — Prevent dark mode on posts needing unique visuals.
Custom CSS & Developer Tools
- Dark Mode CSS — Add custom CSS rules that apply only in dark mode.
- Smart Selector Handling — Use advanced selectors and filters for precise control.
- Child Element Styling — Automatically apply styles to nested elements.
- Normal Mode CSS — Define global styles for both dark and light modes.
Import / Export & Cleanup
- Import / Export Settings — Transfer your dark mode configurations between sites easily.
- Clean Up on Deletion — Automatically remove stored settings when uninstalling to keep your database clean.
- Download Backup Files — Save and restore all custom settings and switch styles.
Simple pricing, no surprises
Every plan includes all features. Pay yearly or once — your call.
30% OFF
Single Site
$39 $27.30 / year
BEST VALUE
40% OFF
Five Sites
$79 $47.40 / year
50% OFF
Unlimited Sites
$130 $69.50 / year
50% OFF
Single Site
$119 $59.50 / year
BEST VALUE
60% OFF
Five Sites
$199 $79.60 / year
70% OFF
Unlimited Sites
$399 $119.70 / year
14-day money-back guarantee
Cancel anytime
Secure checkout via Paddle
