Erik

Dark Mode Block is a simple yet powerful WordPress block plugin that allows you to enable dark mode for your website, enhancing readability and reducing eye strain without altering your website’s colors. Give your users the flexibility to switch between light and dark modes seamlessly. 
Designed to be lightweight and efficient the whole frontend script weights less than half of a kb gzipped 😉
Features: 
– Toggle dark mode with a user-friendly icon. 
– Preserve your website’s color scheme while improving readability in low-light environments. 
– Enhanced user experience with reduced eye strain. 
– Customizable
Make your website more accessible and user-friendly by offering a dark mode option. With Dark Mode Block, your users can enjoy your content without compromising on aesthetics.
<h3>Usage</h3>
<ol>
<li>After activating the plugin, add the “Dark Mode” block to your WordPress page or post editor.</li>
<li>Publish or update your content.</li>
</ol>
<h3>Customization</h3>
Unleash your creativity! This block is designed to be fully customizable graphically, and since it’s entirely CSS-based, it’s straightforward for anyone to modify and adapt it according to their own taste or template.
You even have control over how the dark mode is applied! Currently, I’ve applied an invert filter on the background as I don’t know the variables in your template. 
However, you have the flexibility to make it even better by setting the text color as the background and vice versa.
Here’s how to do it:
<ol>
<li>Add the following code to your functions.php file.</li>
<li>Edit the $custom_css in order to fit your preferences</li>
</ol>
First dequeue the current style in this way:
<pre><code>add_action( 'wp_enqueue_scripts', function () {
 /** dequeue the default dark mode */
 wp_dequeue_style( 'codekraft-dark-mode-style' );
}, 9 );
</code></pre>
Then add yours!
<pre><code>add_action( 'wp_head', function () {
 /** @var {string} $custom_css - your custom css for the dark mode */
 $custom_css = "html.dark-mode body {
 --wp--preset--color--background: #232323;
 --wp--preset--color--foreground: #f3f3f3;
 }
 .dark-mode-switch::before {
 width: 1.6rem;
 cursor: pointer;
 display: flex;
 font-size: 1.6rem;
 line-height: 1.6rem;
 content: '🌞'
 }
 .dark-mode .dark-mode-switch::before {
 content: '🌚'
 }";
 echo "<style id='dark-mode-custom'>$custom_css</style>";
}, 20 );
</code></pre>
Please support the plugin posting your custom style and a screenshot in the WordPress support forum section!

Dark Mode Block

Dark Mode Block is a simple yet powerful WordPress block plugin that allows you to enable dark mode for your website, enhancing readability and reduci …

ScriptsTown

Dark Mode Toggle is an excellent WordPress plugin that allows you to quickly add a dark / night mode toggle switch button to your WordPress site. The plugin enables users or visitors to easily switch between a dark or light scheme by clicking on the simple toggle button. It is ready to use dark mode plugin that works out of the box and is compatible with all WordPress themes. It has a settings page with various options to customize or change the position, width, height, and border radius of the toggle button. It is a very lightweight plugin with minimal footprints. With this plugin, you can also skip or exclude dark mode on any specific elements of your website. It improves the user experience and it is fast and easy to use.
Dark mode plugin can improve the accessibility and readability of a WordPress website. Having a dark background with light-colored text can reduce eye strain and fatigue for many people who are sensitive to bright screens. This is the best dark mode WordPress plugin that allows site visitors to switch between light and dark modes easily. It caters to different visual needs and preferences. Plus, the plugin can save and persist the user’s choice for the next page refresh. It remembers the choice for the next page visit to avoid manually switching modes on every new page load.
This dark mode plugin has simple settings, works well with all modern browsers, and provides high compatibility with all WordPress themes as well as any page builder plugins. It quickly changes the colors and also works great for darker themes to toggle the light mode on the dark themes.
<h3>Dark Mode Toggle Features</h3>
<ul>
<li>Dark Mode / Night Mode Toggle Switch</li>
<li>Sticky Button to Toggle Dark Mode</li>
<li>Change Position of Toggle Button</li>
<li>Customize Width, Height, and Border Radius</li>
<li>Easily Switch to Light or Dark Mode</li>
<li>Lightweight Plugin with Minimal Footprints</li>
<li>Easy Setup with Automatic Configuration</li>
<li>Bring Dark Theme or Light Theme</li>
<li>Compatible with any WordPress Theme</li>
<li>Switching Transition Animation</li>
<li>Save User Choice on Next Page Refresh</li>
<li>Fast and Easy to Setup and Use</li>
</ul>
Upgrade To Pro – <a href="https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/#pricing" title="Get Pro Version" rel="nofollow ugc">Get Pro Version</a>
<h3>Dark Mode Toggle Pro Features</h3>
<ul>
<li>Toggle Dark Mode on Editor Screen</li>
<li>Upload Custom Toggle Button Image</li>
<li>Different Images on Light / Dark Mode</li>
<li>Set Custom Button Emoji Label</li>
<li>Set Toggle Button Font Size</li>
<li>Custom Toggle Button Colors</li>
<li>Dark Mode to WordPress Admin</li>
<li>Toggle Button Admin Settings</li>
<li>Toggle Post Editor Dark Theme</li>
<li>Works Perfect in all Modern Browsers</li>
<li>Well-Coded, Fast and Lightweight</li>
<li>Separate Options for Front and Admin</li>
<li>Many Advanced Options for Customization</li>
<li>Option to Turn On Dark Mode By Default</li>
<li>Auto-Match OS Theme on Initial Load</li>
</ul>
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 – <a href="https://scriptstown.com/wordpress-plugins/dark-mode-toggle-pro/" title="View Pro Features" rel="nofollow ugc">View Pro Features</a>

Dark Mode Toggle


I try some dark mode plugin, but i see your plugin Simple, fast, convenient and beautiful! I like that!


Simple, fast, convenient and beautiful

Bring dark mode toggle switch to your WordPress website. A simple switch to turn on and off the dark mode. Fast and easy to use.

Dark Mode Block vs Dark Mode Toggle