Dark Mode Toggle Block

by Rich Tabor

Download

Description

A WordPress block for toggling between between light and dark appearance on your site.

Installation

Upload the plugin files to the /wp-content/plugins/ directory, or install the plugin through the WordPress plugins screen directly (if available).
Activate the plugin through the ‘Plugins’ screen in WordPress
Add the block from the inserter within the WordPress editor.
If necessary, add CSS variables using .theme-dark to assign dark mode colors. Learn more

Faq

Can the Dark Mode Toggle block be used with my theme?

Yes! You will need to add CSS variables to map existing coor values to a dark style though. Learn more.

Where can I send feedback or ideas?

Please reach out via the official plugin support forum.

Where can I find the development files?

You can find the development files for the block on GitHub.

Reviews

Perfect solution

By Emily (wilkinsone) on March 27, 2025

This is absolutely perfect for what I needed! Nice light plugin, slider looks neat with good customisation options, and ensured I could get my site displaying exactly as I want it in dark mode. I didn't find it clear from the plugin description how the plugin works, so it might be useful to add a direct link to the readme file where you can find that information github[dot]com/richtabot/dark-mode-toggle-block/blob/main/README.md

One of the most imp block plugin for block themes, Simple and ease to use

By Ratnesh Sonar (ratneshsonar) on November 21, 2024

I have tried many dark mode toggle plugins, this is one of the best and easiest plugin to work with.

Just install it and add the block where ever you want.

As simple as that.

Thank you.

Changelog

1.0.5

Improve accessibility.
Updated tested up to.

1.0.4

Improve default colors.

1.0.3

Update readme.

1.0.2

Improve block example.

1.0.1

Update prefix.
Improve inline script.
Use apiVersion 3.

1.0.0

Initial release.