it’s working!
Yes, simply put, the plugin works and I’m very happy. I’m using it with Blocksy theme and elementor plugin.best dark mode plugin, best team, thanks SoftLap! I also use your other plugins, reader mode, it’s very good too.
AI-powered Dark Mode Plugin for WordPress
Dracula Dark Mode seamlessly converts your WordPress site to a stunning dark mode them using advanced AI algorithm. Designed to reduce eye strain for visitors, its adaptive interface perfectly complements your website's design, making it the top choice for a dark mode solution.
Try Live Demo Buy Now
Frontend Dark Mode
Frontend dark mode refers to the implementation of a dark color scheme on a website frontend while users interact. This feature is highly applicable for users when they spend a lot of time on your website’s front end.
Admin Dashboard Dark Mode
Dracula Dark Mode allows site admins to enable and use dark mode in their admin dashboard. This provides a consistent look and feel throughout the site, and can also help to reduce eye strain when working in the admin dashboard.
Dynamic, Presets and Custom Colors
Dracula Dark Mode use a smart dynamic algorithm to generate the dark mode color scheme automatically for your website without any complicated configuration. The plugin also provides 8+ popular dark mode color presets and the ability to select your own color scheme.
14+ Toggle Button Styles
Dracula Dark Mode offers a variety of toggle button styles for switching between light and dark mode. You can choose from 14+ different toggle button styles, which can be easily customized to match the website's design and branding. This allows users to give a unique look and feel to the Dark mode toggle button and enhance the overall user experience.
Custom Toggle Button Builder
You don’t have to stick with the toggle buttons we designed for you. You always have the freedom to redesign whatever you are looking for. By using the Toggle Builder feature you can create a custom toggle button for dark mode.
Live Edit Dark Mode
Dark Mode plugin features a live edit widget that allows users to customize the appearance of their dark mode theme in real-time. It allows users to customize a wide range of settings, including the colors customization, toggle button customization, typography settings, exclude elements, image and video replacements, and custom CSS can be customized. This feature can be handy in terms of saving you valuable time than editing on the backend.
Page-Specific Dark Mode Appearance
Dracula Dark Mode allows you to set and customize every page of your website separately with different dark mode color schemes, switch variations, typography styles, and many others settings. This gives you the flexibility and fully customize controls to present every page of your website more perfectly in dark mode and create a unique experience for the visitors.
Dark Mode Usage Analytics
Dark mode plugin intelligently detects device preferences and dynamically delivers a handcrafted, expert-designed dark mode experience for your readers.
Color Adjustments
WP Dark Mode plugin features advanced color adjustment options for its dark mode theme, including brightness, contrast, sepia and grayscale adjustments. These options provide users with greater control over the appearance of their website in dark mode, allowing them to fine-tune the colors to their liking. This can be especially useful for users with visual impairments or those who prefer a specific aesthetic for their website in dark mode.
Auto Match OS Theme
Dracula Dark Mode automatically detect user’s device OS theme and automatically enable website’s dark mode to match the dark mode setting on the user’s device. This allows for a seamless experience for users who prefer to use dark mode on their device.
Floating Dark Mode Toggle Button
Dracula Dark Mode features a floating dark mode toggle button with 14+ attractive styles that allows users to easily switch between the light and dark modes of a website. The floating button is designed to provide a convenient and user-friendly way to access the dark mode feature, regardless of where the user is on the website.
Display Toggle Button In Menu
Dracula Dark Mode also allows to display the toggle button in any of your website navigation menu for an easy interacting & time-consuming dark mode enabling or disabling option for visitors. You can also control the position of the toggle button at the start or end of the menu so that users can easily enable dark mode from the menu.
Image & Video Replacements
Sometimes all the images & videos don’t look better in dark mode and you might want to replace them in dark mode. Dracula Dark Mode lets you replace the light-mode images and videos with different images and videos in dark mode.
Gutenberg & Classic Editor Compatibility
Dracula Dark Mode is designed to be compatible with both the classic editor and the block editor. This can be a great way to make the editing experience more comfortable for users, especially for those who spend a lot of time editing and creating content in WordPress.
Custom CSS
Dracula Dark Mode allows you to add your Custom CSS code to customize the appearance of the website when it is in dark mode.
Never Miss Any Single Feature
Let's explore which features are absolute you can add
to stand out and give even more value
Toggle Button Shortcode
You can display the dark mode toggle button anywhere on your website using the [dracula_toggle] shortcode
Default Dark Mode
Dracula Dark Mode lets you set the dark mode as your websites default theme. Thus, first-time visitors will experience the site in dark mode
Performance
The Performance Mode feature enhances websites loading speed by deferring script loading, reducing initial page load times
Dashboard Dark Mode For Specific User Roles
You can allow other users to use the dark mode color scheme on their backend admin dashboard by selectively certain user roles such as: Administrator, Editor, Author etc
Custom Toggle Button Size
Dracula Dark Mode allows you to customize the dark mode toggle button size as small, normal, large or even in a custom width and height of the button
Custom Toggle Button Position
You can also set the custom position for the dark mode toggle button as on the left, right, or even can place the toggle button in a specific location on the site for easy access
Dark Mode Based Typography
Dracula Dark Mode allows you to set a different font family with a customized font size when dark mode is enabled to improve readability and legibility of their website
Include Elements, Pages & Posts
Include any elements, pages or posts to be turned into dark mode. This can be handy if you want to include specific elements, pages or posts to be enabled in dark mode
Excludes Elements, Pages & Posts
Exclude any elements, pages or posts not to be turned into dark mode. This can be handy if you want to exclude specific elements, pages or posts not to be turned in dark mode
Custom CSS Support
Dracula Dark Mode allows you to add your custom CSS code to customize the appearance of the website both in the light and dark mode
Wide Page Builder Compatibility
Dracula Dark Mode is compatible with wide number of page builders. Ex: Classic Editor, Guttenberg, Elementor, and many others. This compatibility gives freedom to use anywhere users and website owners wants
Export, Import, Reset Settings
Dracula Dark Mode have the option to export, import or reset the whole settings and further optimize them if necessary
Time based dark mode
Dracula Dark Mode allows to schedule the dark mode based on the time of the day.
URL Parameter
Dracula Dark Mode allows you to enable/ disable dark mode by adding the darkmode and lightmode parameter to the website URL
Draggable Floating Switch
You can also enable the draggable switch option to allow users to drag the floating dark mode toggle button to the desired position on the screen
Keyboard Shortcut
Dracula Dark Mode allows users to switch between light and dark mode using the keyboard shortcut `(Ctrl + Alt + D)`.
Gutenberg Dark Mode Toggle Switch Block
Embed a dark mode switch directly within the Gutenberg editor for easy reader access.
Elementor Dark Mode Toggle Switch Block
Add a dark mode toggle to your Elementor designs effortlessly.
Dark Mode Page Transition Animation
Smooth and stylish transitions when switching between dark and light modes.
Toggle Switch Attention Effect
Eye-catching effects on the toggle, ensuring users notice the dark mode option.
Unlock The Benefits of Integration Our
Dark Mode plugin.
Explore the reasons why website owners should consider implementing our Dark Mode solution
Increase User
Engagement
Boost
Conversions
OHighlight Content
Effectively.
Enhance
Accessibility.
What People Think About Dracula Dark Mode
We Ensuring high-quality products is one way to help you get consumers to appreciate
5.00
hipertale
5.00
Tharusha Induwara
Absolutely the Best😍!!!
I tried so many plugins with high ratings but, none of the plugins didn’t work on my site. And those plugins slow down my site entirely. But finally, I found your plugin and I thought to give it a try. Voila, the dark mode, and my website works perfectly. Thank you so much for developing this plugin and best of luck😇.
5.00
DarkMySite
Yes it’s a Revolutionary
It’s a great start and the plugin is full of lots of features as well as nice user experience. Best of luck. Wishing from the heart.
5.00
Márcio Duarte
The only one that worked flawlesly
I have tested all the dark mode plugins available on WordPress.org with my theme. None of them worked perfectly and demanded all kinds of changes in the theme code to work. Bummer.Dracula was the only one that worked instantly, simply by activating it. I was amazed and will recommend it to all my clients from now on.
5.00
edfhinton
Great Plug-in!!!!
This is a great plug in because it just works and on the theme I am using it does not mess up my nav menu colors or header image and title the way other dark mode plug-ins do. The only minor item would be that I suggest they put the toggle switch size variations in the free version rather than the paid. That suggestion is only because the Custom CSS needed to override the size of the toggle is almost trivial. I am no expert and 5 minutes in the browser dev tools and my toggle switch in my menu was a more reasonable smaller size so that it did not expand the height of my nav bar. Given how easy to override, there is no point hiding that feature behind the paid version. Still, if that is my only issue, then it is not a detractor. This is the first plug-in I have written a review on but the 5 stars is well deserved because there are so few decent themes that have dark mode built in and I had about given up on including dark mode because my preferred theme doesn’t support it natively.
Wide Compatibility
Let's explore which features are absolute you can add to stand out and give even more value
Ready to Boost Your Website Accessibility?
Dracula Dark Mode is the perfect solution for anyone looking to enhance their website accessibility by integrating dark mode to their website. Upgrade your website today and experience the ultimate dark mode experience with Dracula Dark Mode.