Customizable Dark Mode Toggle

by Kayyum Halai

Description

Adds a Customizable Dark Mode Toggle for site visitors. Improve accessibility and user experience with a simple toggle button, user preference saving, and custom color schemes.

Features

Toggle dark mode on the frontend
Save user preference (localStorage)
Customizable dark and button colors
Custom CSS for dark mode
Accessible toggle button

Installation

Upload the plugin files to the /wp-content/plugins/customizable-dark-mode-toggle directory, or install the plugin through the WordPress plugins screen directly.
Activate the plugin through the ‘Plugins’ screen in WordPress.
Configure settings via Settings > Dark Mode Toggle.

Screenshots

Dark mode toggle button on the frontend
Admin settings page for color customization

Faq

Can I customize the dark mode colors?

Yes, you can set background, text, and button colors in the plugin settings.

Does it save user preference?

Yes, the plugin uses localStorage to remember the user’s choice.

Reviews

Excellent Plugin – Works Seamlessly!

By soyab sumra (soyabsumra) on September 2, 2025

I installed the Dark Mode plugin yesterday and it works really well. The activation is quick, and switching between light and dark mode feels smooth.

I like how clean the design looks, and it already adds a polished feel to the site. For a first release, this is an excellent start. Looking forward to seeing more customization options and enhancements in future updates.

Great work – keep it up!

Changelog

1.0.0

Initial release