1500+
Active installs from the community
Explore our features
The Most Powerful WordPress Dark Mode Plugin, Without the High Costs
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 Wise Dark Mode
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.
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.
800+
Five Star Positive
Reviews
The above prices do not include
applicable taxes based on your billing address.
Let’s compare with others
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.