Dark Mode Toggle Block

Description

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

Blocks

This plugin provides 1 block.

  • Dark Mode Toggle Allow visitors to switch between light and dark appearances.

Installation

  1. Upload the plugin files to the /wp-content/plugins/ directory, or install the plugin through the WordPress plugins screen directly (if available).
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Add the block from the inserter within the WordPress editor.
  4. 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

March 27, 2025 1 reply
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
Read all 1 review

Contributors & Developers

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

Contributors

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.