Darkify – Beautiful Dark Mode for Website and Admin Dashboard

Description

✨ CREATE A STUNNING DARK MODE VERSION OF YOUR WEBSITE & DASHBOARD ✨

Darkify Dark Mode is a lightweight solution to add night mode and dark theme functionality to your site with just a few clicks. It lets visitors switch to a dark interface that improves readability and eye comfort in low-light environments.

Dark mode helps reduce eye strain and supports accessibility for users with light sensitivity. Darkify supports both the frontend and the WordPress admin dashboard, ensuring a consistent dark interface across your entire site. It also serves as a perfect reading mode to protect your eyes during night-time browsing.

Why choose Darkify for Dark Mode?

Darkify is a customizable dark mode plugin for WordPress sites. It provides a toggle for both the frontend and the WordPress admin dashboard and includes options to adjust colors, media, and visibility so your content remains legible in dark mode.

Dark mode is increasingly common across devices and applications because it can be more comfortable in low-light settings. Darkify offers an easy setup and controls to tailor the experience to your site’s design.

👁️Plugin Demo | 🚀Pro Version | 👩🏼‍💻Support | 🌟Rate this plugin | 📖Documentation

Key Features of Darkify Dark mode Plugin

• Frontend Dark Mode: Activate dark mode on your website with one click. The plugin automatically adapts to your site’s layout for a consistent dark theme experience.

• Admin Panel Dark Mode: Customize your WordPress backend with a smooth, modern dark mode theme designed for comfort and improved workflow.

• Dark Mode by Default: Launch your website in dark mode by default while giving users the freedom to switch to light mode anytime they choose.

• OS-Aware Dark Mode: Automatically matches the user’s operating system theme—dark or light—for a seamless, personalized browsing experience.

• Time-Based Dark Mode: Set a custom schedule to automatically switch between light and dark mode based on your visitor’s local time zone.

• Keyboard Shortcut: Instantly toggle dark mode with a simple keyboard command: Ctrl + Alt + D. The plugin can also auto-switch based on OS settings.

• Multiple Floating Switch Designs: Select from various stylish floating switches to complement your website’s design and branding.

• Customizable Switch: Customize the dark mode toggle with unique colors, sizes, and styles to ensure it aligns perfectly with your brand.

• Switch in Menu: Add a dark mode toggle directly into your main navigation menu for easy access and better user experience.

• Shortcode Switch: Use a simple shortcode to place the dark mode switch anywhere on your site—pages, posts, sidebars, or footers.

• Color Presets & Customization: Choose from 8 beautiful pre-set color schemes or fully customize the color palette to match your brand identity.

• Advanced Image Control: Enhance image presentation in dark mode with customizable brightness, contrast, and grayscale settings—perfect for inline SVGs and backgrounds.

• Video Control: Use built-in video enhancement features to adjust brightness and grayscale, ensuring your video content looks great in dark mode across all devices.

• Page Builder Compatibility: Fully compatible with top WordPress page builders like Elementor, Divi, WPBakery, Visual Composer, Beaver Builder, and Oxygen, making dark mode integration effortless.

• Easy Settings Panel: Control all plugin features through a clean, intuitive settings dashboard that simplifies customization.

• Multisite Support: Designed to work flawlessly across WordPress multisite networks—activate dark mode globally or per site.

• Multilingual Ready: Built with translation support to easily localize the plugin for international or multi-language websites.

• Theme Compatibility: Works out-of-the-box with any WordPress theme, ensuring smooth integration and consistent styling.

• Developer-Friendly: Clean, well-documented codebase makes it easy for developers to extend, modify, and build upon the plugin.

• SEO Optimized: Built with SEO best practices to ensure your website maintains optimal performance and visibility on search engines.

• Cross-Browser Compatibility: Fully tested and functional on all major browsers, including Chrome, Firefox, Safari, Edge, Opera etc.

• Comprehensive Documentation & Tutorials: Step-by-step user guides and video tutorials are included to help you get started quickly and confidently.

• Fast and Responsive Support: Get professional, responsive support from our expert team—whenever you need help.

Full Features & Setup Guide

How to Add Dark Mode in Gutenberg (WordPress Block Editor)

How to Add Dark Mode in Elementor

Page Builder Compatibility

• Gutenberg
• WPBakery
• Elementor
• Beaver Builder
• SiteOrigin
• Divi
• LayersWP
• MotoPress
• Cornerstone
• Themify Builder

Compatible Themes (examples)

• Hello Elementor
• Astra
• Divi
• Kadence
• Themify Ultra
• OceanWP
• Hestia
• Inspiro
• GeneratePress
• Avada
• Blocksy
• Neve

PRO VERSION FEATURES

🎨 Design & Customization Options

• 16+ Floating Switch Designs
  Choose from a diverse collection of floating switch styles to perfectly match your website’s look and feel. With over 12 design options, you’ll easily find the ideal toggle to fit your brand.

• 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.

• 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.

• 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.

🖼️ Media Handling

• Image Inversion
  Automatically invert specific images for better visibility in dark mode. Improve both aesthetics and accessibility without needing to edit the original assets.

• 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.

• Video Replacement
  Automatically swap videos with dark-friendly versions to maintain a consistent design across your website’s visual elements.

🔧 Advanced Visibility Controls

• 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.

• 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.

• Allow / Disallow Posts
  Decide which specific posts support dark mode. Maintain full editorial control over how your content appears across different post types.

OTHER AMAZING PRODUCTS FROM ThemeAtelier

➡️ WhatsApp Chat Help – A flexible WhatsApp chat plugin that helps website visitors start instant conversations with you directly from your WordPress site.

➡️ Eventful – Events Showcase and Filter Bar for The Events Calendar – An event display plugin for The Events Calendar that helps you showcase events in clean, modern, and fully responsive layouts without any coding.

➡️ Greet – Video Bubble Warm Welcome Plugin – A video welcome bubble plugin that helps you greet visitors warmly and provide quick contact options to boost engagement.

➡️ Domain For Sale – 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.

➡️ Eventful for Elementor – Events Showcase For The Events Calendar and Elementor – An Elementor addon for The Events Calendar that lets you design and display events using Elementor widgets with advanced, responsive layouts.

➡️ Better Chat Support For Messenger – A Facebook Messenger chat plugin that allows visitors to contact you instantly through Messenger with customizable chat bubbles.