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 …

Naiche

No settings page, no bloat — just activate and go. Dark mode for every corner of your WordPress admin.
<ul>
<li>Instant toggle in the admin bar — no page reload</li>
<li>Per-user preference: Dark / Light / Auto (follows system)</li>
<li>Full block editor and Site Editor support</li>
<li>11 popular plugins supported out of the box</li>
<li>Developer-friendly: filters for default preference, custom CSS, and editor canvas control</li>
</ul>
Supported plugins:
<ul>
<li>Advanced Custom Fields</li>
<li>AIOSEO</li>
<li>Better Search Replace</li>
<li>Jetpack</li>
<li>Kadence Blocks</li>
<li>Nested Pages</li>
<li>SmartCrawl SEO</li>
<li>Smush</li>
<li>The SEO Framework</li>
<li>WooCommerce</li>
<li>Yoast SEO (including Premium, Local, News, WooCommerce)</li>
</ul>
The plugin adds a <code>dark-mode</code> class to the admin body when active, and provides three filters for customization:
<ul>
<li><code>add_filter( 'dark_mode_dashboard_css', 'your_custom_stylesheet' )</code> — load a custom stylesheet</li>
<li><code>add_filter( 'dark_mode_dashboard_default_preference', function() { return 'disabled'; } )</code> — change the default mode for new users</li>
<li><code>add_filter( 'dark_mode_dashboard_editor_canvas', '__return_false' )</code> — disable dark mode for the editor content area</li>
</ul>

Dark Mode for WP Dashboard

Works perfectly! After trying another dark mode plugin that was recommended by the WP Beginner blog, which worked terribly and had a lot of misleading features, this one was a relief.

This is the one to install

If you want your dashboard in Dark Mode and nothing else, this is the plugin you want to use. No fancy stuff, just a small PHP file that loads a CSS file.

That's all you really need, don't you?

Small, simple, and effective


Works great. So much nicer on the eyes.


Perfect

A clean, lightweight dark mode for the WordPress admin dashboard.

Dark Mode Block vs Dark Mode for WP Dashboard