描述

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 any specific elements. It improves user experience and it is very fast and easy to use.

Dark mode can improve the accessibility of your WordPress website. A dark background with light-colored text can reduce eye strain for many people and it’s easier to read. This is the best dark mode WordPress plugin that 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

Dark Mode Toggle Pro offers additional features like switchable custom button labels, font sizes, and toggle button colors. You can even set any custom button for toggling the dark mode. It offers dark mode on admin pages as well. Plus, it can auto-matches the OS theme on initial load.

Check Pro Plugin – Click Here

屏幕截图

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

安装

Dark Mode Toggle [Installation Guide]

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.
Activate the plugin through Plugins menu in WordPress Admin Panel.
Click on Dark Mode under Appearance menu to configure the plugin.
Ready, now you can use it.

常见问题

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.

评价

schulz 2023年4月24日

The plugin author responded and came up with a solution to the issue I was having while using their free version plugin on my site within minutes. Also, while other plugins of a similar type withheld the one feature I needed from their free version, this author did not and provided excellent support on top!

kafeli 2023年4月4日

Dark mode does an excellent job, it works flawlessly with a nice transition.

hasandevo 2022年12月22日

Theme looks great in dark mode. İt's just awesome. Thank you very much!

ankur1029 2022年12月9日

This is the plugin that works as light mode too, the theme on my website is dark and this plugin turns it to light which is awesome...

shuba182 2022年12月4日

This is simple but very effective dark mode toggle with some nice settings. Many thanks!

georgecristian7 2022年10月4日 1 回复

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.

阅读所有12条评价

贡献者及开发者

“Dark Mode Toggle” 是开源软件。以下人员对此插件做出了贡献。

ScriptsTown

将“Dark Mode Toggle”翻译成您的语言。

对开发感兴趣吗?

您可以浏览代码，查看SVN仓库，或通过RSS订阅开发日志。

更新日志

1.2.9

Readme updated.

1.2.8

Improvement: CSS rules for background images.

1.2.7

Updated Alpine.js library.
Unmified file of alpine.min.js included in js/alpine.js.
Source file of darkmode-js.min.js included in js/src/darkmode-js.js.

1.2.6

Tested up to 6.3.

1.2.5

Readme updated.

1.2.4

Improvement: Fixed required ARIA attribute.

1.2.3

Darkmode library updated.

1.2.2

Tested up to 6.2.

1.2.1

Readme updated.

1.2.0

Readme updated.
Darkmode library updated.

1.1.9

Improvement: Default settings.

1.1.8

Improvement: More CSS specificity for better compatibility with themes.

1.1.7

Improvement: Turn on transition effect by default.

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.

描述