Title: Dark Mode Toggle Block Author: Rich Tabor Published: August 27, 2024 Last modified: November 21, 2024 --- Search plugins ![](https://ps.w.org/dark-mode-toggle-block/assets/banner-772x250.png?rev=3141962) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/dark-mode-toggle-block/assets/icon-256x256.png?rev=3141962) # Dark Mode Toggle Block By [Rich Tabor](https://profiles.wordpress.org/richtabor/) [Download](https://downloads.wordpress.org/plugin/dark-mode-toggle-block.1.0.5.zip) * [Details](https://wordpress.org/plugins/dark-mode-toggle-block/#description) * [Reviews](https://wordpress.org/plugins/dark-mode-toggle-block/#reviews) * [Installation](https://wordpress.org/plugins/dark-mode-toggle-block/#installation) * [Development](https://wordpress.org/plugins/dark-mode-toggle-block/#developers) [Support](https://wordpress.org/support/plugin/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](https://rich.blog/dark-mode-toggle-block/) ## 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](https://rich.blog/dark-mode-toggle-block/). ### Where can I send feedback or ideas? Please reach out via the official [plugin support forum](https://wordpress.org/support/plugin/dark-mode-toggle-block). ### Where can I find the development files? You can find the development files for the block on [GitHub](https://github.com/richtabor/dark-mode-toggle-block). ## Reviews ![](https://secure.gravatar.com/avatar/bc0d648bb0bd29ce0902dc00b17a649e400f87b2603fc44e7e171647daf6885a? s=60&d=retro&r=g) ### 󠀁[Perfect solution](https://wordpress.org/support/topic/perfect-solution-283/)󠁿 [Emily](https://profiles.wordpress.org/wilkinsone/) 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 ![](https://secure.gravatar.com/avatar/42f27770a0a33184f22077f7e87fde8a279ef8f998e4c0ef41dfa05ea056eb6c? s=60&d=retro&r=g) ### 󠀁[One of the most imp block plugin for block themes, Simple and ease to use](https://wordpress.org/support/topic/one-of-the-most-imp-block-plugin-for-block-themes-simple-and-ease-to-use/)󠁿 [Ratnesh Sonar](https://profiles.wordpress.org/ratneshsonar/) November 21, 2024 1 reply 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. [ Read all 1 review ](https://wordpress.org/support/plugin/dark-mode-toggle-block/reviews/) ## Contributors & Developers “Dark Mode Toggle Block” is open source software. The following people have contributed to this plugin. Contributors * [ Rich Tabor ](https://profiles.wordpress.org/richtabor/) [Translate “Dark Mode Toggle Block” into your language.](https://translate.wordpress.org/projects/wp-plugins/dark-mode-toggle-block) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/dark-mode-toggle-block/), check out the [SVN repository](https://plugins.svn.wordpress.org/dark-mode-toggle-block/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/dark-mode-toggle-block/) by [RSS](https://plugins.trac.wordpress.org/log/dark-mode-toggle-block/?limit=100&mode=stop_on_copy&format=rss). ## 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. ## Meta * Version **1.0.5** * Last updated **2 years ago** * Active installations **200+** * WordPress version ** 6.4 or higher ** * Tested up to **6.7.5** * PHP version ** 7.0 or higher ** * Tag * [block](https://wordpress.org/plugins/tags/block/) * [Advanced View](https://wordpress.org/plugins/dark-mode-toggle-block/advanced/) ## Ratings 5 out of 5 stars. * [ 2 5-star reviews ](https://wordpress.org/support/plugin/dark-mode-toggle-block/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/dark-mode-toggle-block/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/dark-mode-toggle-block/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/dark-mode-toggle-block/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/dark-mode-toggle-block/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/dark-mode-toggle-block/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/dark-mode-toggle-block/reviews/) ## Contributors * [ Rich Tabor ](https://profiles.wordpress.org/richtabor/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/dark-mode-toggle-block/)