Dark Mode Toggle

Description

Dark Mode Toggle is an excellent WordPress plugin to quickly add a dark / night mode toggle switch button on your WordPress site. The users can easily switch between a dark or light scheme by clicking on the toggle button. It is ready to use dark mode plugin that works out of the box and is compatible with all WordPress themes and offers many options to customize the position, width, height, and border radius of the toggle button. This plugin is very lightweight with minimal footprints. Using this plugin, you can also skip dark mode on some elements. It is very fast and easy to use.

Dark mode can improve the accessibility of a website. A dark background with a light-colored text can reduce eye strain for many people and it’s easier to read. This plugin allows users to switch between light and dark modes easily. Also, it saves the user’s choice for the next page refresh.

This dark mode plugin is simple to use and works with all modern browsers and offers very high compatibility with all WordPress themes as well as page builder plugins. Also, it works well for the dark themes to toggle the light mode on the dark themes.

Dark Mode Toggle Features

  • Dark Mode / Night Mode Toggle Switch
  • Sticky Button to Toggle Dark Mode
  • Change Position of Toggle Button
  • Customize Width, Height, and Border Radius
  • Easily Switch to Light or Dark Mode
  • Lightweight Plugin with Minimal Footprints
  • Easy Setup with Automatic Configuration
  • Bring Dark Theme or Light Theme
  • Compatible with any WordPress Theme
  • Switching Transition Animation
  • Save User Choice on Next Page Refresh
  • Fast and Easy to Setup and Use

Upgrade To Pro – Click Here

Dark Mode Toggle Pro Features

  • Toggle Dark Mode on Editor Screen
  • Custom Button Emoji Label
  • Toggle Button Font Size
  • Custom Toggle Button Colors
  • Dark Mode to WordPress Admin
  • Toggle Button Admin Settings
  • Toggle Post Editor Dark Theme
  • Works in all Modern Browsers
  • Well-Coded, Fast and Lightweight
  • Separate Options for Front and Admin
  • Many Advanced Options for Customization
  • Auto-Match OS Theme on Initial Load

Check Pro Plugin – Click Here

Screenshots

  • Front Settings - Dark Mode Toggle
  • Dark Mode Switch Activated
  • Dark / Night Mode Toggle Switch

Installation

Dark Mode Toggle [Installation Guide]

  1. You can:
    • Upload the entire dark-mode-toggle folder to the /wp-content/plugins/ directory via FTP.
    • Upload the zip file of plugin via Plugins -> Add New -> Upload in your WordPress Admin Panel.
    • Search Dark Mode Toggle in the search engine available on Plugins -> Add New and press Install Now button.
  2. Activate the plugin through Plugins menu in WordPress Admin Panel.
  3. Click on Dark Mode under Appearance menu to configure the plugin.
  4. Ready, now you can use it.

FAQ

How to configure dark mode settings?

You can configure the dark mode options from “Appearance” > “Dark Mode”.

How to skip dark mode for some elements?

You can add an additional filter CSS class: dmt-filter-1 or dmt-filter-0 to any block element like images, columns, cover blocks, buttons, etc. This will invert the effect on those block elements.

Reviews

oktýabr 4, 2022 1 reply
I tried the free version. I can't set what colors to change with other colors, the images look really bad on dark mode even though I checked the mark for not changing the images. It's not usable for my website built with Elementor, Woocommerce, Woolentor and a few other plugins.
iýun 22, 2022
This plugin is awesome and easy to use just a little tweaks with css and you are done
aprel 13, 2022 1 reply
It works in a way... not the way I want, it completely changes all the colors to it's opposite... even in VIDEOS! ...I can't have people watching inverted color videos, it looks retarded. Otherwise.... you're almost there. I'm not going to use this, I kind of more so want to give you a 3, but I can see how you can probably fix this to not do this on video maybe. So it would be a 5 star at that point. Let me know when it's like that, I'd actually want to use it.
Read all 7 reviews

Contributors & Developers

“Dark Mode Toggle” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Dark Mode Toggle” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.1.6

  • Readme updated.

1.1.5

  • Tested up to 6.1.1.
  • Tested compatibility with PHP 8.1.

1.1.4

  • Tested up to 6.1.

1.1.3

  • Improvement: Do not load CSS when hide on mobile.
  • Tested up to 6.0.2.

1.1.2

  • Tested up to 6.0.1.

1.1.1

  • Readme updated.

1.1.0

  • Tested up to 6.0.

1.0.8

  • Added: Option to skip dark mode on the body background image.

1.0.7

  • Improvement: Disable dark mode for video and iframe.

1.0.6

  • Improvement: Remove toggle button from customize preview.

1.0.5

  • Improvement: Changed default width and height of toggle button.
  • Improvement: Changed toggle button icon.

1.0.4

  • Improvement: Skip block embeds in dark mode.

1.0.3

  • New: Added option to save user’s choice.

1.0.2

  • New: Added welcome notice on activation.
  • New: Added action link.

1.0.1

  • Readme updated.

1.0.0

  • New release.