Title: DarkMeta Dark Mode
Author: DevTheme
Published: <strong>February 8, 2025</strong>
Last modified: August 10, 2026

---

Search plugins

![](https://ps.w.org/darkmeta-dark-mode/assets/banner-772x250.png?rev=3357512)

![](https://ps.w.org/darkmeta-dark-mode/assets/icon-256x256.png?rev=3236939)

# DarkMeta Dark Mode

 By [DevTheme](https://profiles.wordpress.org/devthemenet/)

[Download](https://downloads.wordpress.org/plugin/darkmeta-dark-mode.zip)

 * [Details](https://pcm.wordpress.org/plugins/darkmeta-dark-mode/#description)
 * [Reviews](https://pcm.wordpress.org/plugins/darkmeta-dark-mode/#reviews)
 *  [Installation](https://pcm.wordpress.org/plugins/darkmeta-dark-mode/#installation)
 * [Development](https://pcm.wordpress.org/plugins/darkmeta-dark-mode/#developers)

 [Support](https://wordpress.org/support/plugin/darkmeta-dark-mode/)

## Description

DarkMeta Dark Mode adds a lightweight dark mode toggle to the public side of your
WordPress site. Visitors can choose light or dark mode, and their preference is 
saved in their browser for future visits.

#### Features

 * Accessible, keyboard-friendly dark mode toggle.
 * Follows a visitor’s device color scheme by default.
 * Remembers manual choices using browser local storage.
 * Custom dark background and text colors.
 * Custom light and dark mode icons.
 * Dependency-free JavaScript with no jQuery requirement.
 * Respects reduced-motion preferences.
 * Translation-ready settings and controls.

The plugin changes the page background, text color, and browser color scheme. Themes
with highly customized component backgrounds may require additional theme CSS for
a completely tailored result.

## Screenshots

[⌊The dark mode toggle on a public page.⌉⌊The dark mode toggle on a public page.⌉[

The dark mode toggle on a public page.

[⌊The DarkMeta settings page in WordPress admin.⌉⌊The DarkMeta settings page in 
WordPress admin.⌉[

The DarkMeta settings page in WordPress admin.

[⌊Custom color and icon settings.⌉⌊Custom color and icon settings.⌉[

Custom color and icon settings.

## Installation

 1. Upload the plugin to the `/wp-content/plugins/` directory, or install it through
    the WordPress Plugins screen.
 2. Activate **DarkMeta Dark Mode** from the Plugins screen.
 3. Go to **Settings > DarkMeta Dark Mode** to configure the initial mode, colors, 
    and icons.

## FAQ

### Does the plugin remember a visitor’s choice?

Yes. A manual light or dark selection is stored in that visitor’s browser using 
local storage. No preference data is sent to your server.

### Can it follow the visitor’s device setting?

Yes. Choose **Follow visitor device** as the initial mode. A visitor’s manual choice
always takes priority.

### Can I customize the colors and icons?

Yes. Choose the dark background and text colors, then enter a character or emoji
for each toggle icon on the settings page.

### Does it darken every element added by my theme or page builder?

The plugin sets the page background, text color, and native browser color scheme.
Because themes and page builders can define their own component colors, some sites
may need a few additional CSS rules in the theme for a fully customized appearance.

### What happens when I deactivate or uninstall the plugin?

Deactivation preserves your settings. Deleting the plugin through WordPress removes
its saved WordPress options. Browser preferences remain local to each visitor.

## Reviews

![](https://secure.gravatar.com/avatar/8c0ced2ad5a0c50ec3a0903b1d1946b4309a9b5e4ed01ff7f8d40bc710f49e3e?
s=60&d=retro&r=g)

### 󠀁[Works perfectly.](https://wordpress.org/support/topic/works-perfectly-2830/)󠁿

 [nick6352683](https://profiles.wordpress.org/nick6352683/) February 9, 2025 1 reply

I think this is probably the best plugin of this type. Thanks.

![](https://secure.gravatar.com/avatar/1408634b1b1d6bad75d54f6acc523ae990c319084dd605062e208e911adb8586?
s=60&d=retro&r=g)

### 󠀁[A Sleek Transformation for Your Digital World](https://wordpress.org/support/topic/your-review-made-our-day/)󠁿

 [DevTheme](https://profiles.wordpress.org/devthemenet/) February 8, 2025

DarkMeta Dark Mode is more than just a visual tweak—it’s a thoughtfully designed
product that prioritizes user comfort and modern aesthetics. Its ease of use, coupled
with versatile customization options and reliable performance, makes it a standout
choice for anyone looking to upgrade their digital workspace. Whether you're a night
owl, a professional working late into the evening, or simply someone who appreciates
a refined, modern look, DarkMeta Dark Mode is definitely worth considering.

![](https://secure.gravatar.com/avatar/ccce69a977d8b39e2145ec0b648ca487c65adb0652e94a5f47edc6ede82a7204?
s=60&d=retro&r=g)

### 󠀁[Perfect Solution for Dark Mode](https://wordpress.org/support/topic/perfect-solution-for-dark-mode/)󠁿

 [mithualamin](https://profiles.wordpress.org/mithualamin/) February 8, 2025 1 reply

Great Plugin. Very handy and perfect solution for any website to add light and dark
mode.

 [ Read all 3 reviews ](https://wordpress.org/support/plugin/darkmeta-dark-mode/reviews/)

## Contributors & Developers

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

Contributors

 *   [ DevTheme ](https://profiles.wordpress.org/devthemenet/)
 *   [ Moduify ](https://profiles.wordpress.org/moduify/)

[Translate “DarkMeta Dark Mode” into your language.](https://translate.wordpress.org/projects/wp-plugins/darkmeta-dark-mode)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/darkmeta-dark-mode/),
check out the [SVN repository](https://plugins.svn.wordpress.org/darkmeta-dark-mode/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/darkmeta-dark-mode/)
by [RSS](https://plugins.trac.wordpress.org/log/darkmeta-dark-mode/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.1.0 – 2026-08-10

 * Added system color-scheme detection with live device preference updates.
 * Added an initial mode setting for system, light, or dark mode.
 * Added accessible toggle labels, state, keyboard focus, and reduced-motion support.
 * Improved early theme application to avoid a flash of the wrong color scheme.
 * Replaced the jQuery controller with dependency-free JavaScript.
 * Added automatic migration of the legacy browser preference.
 * Scoped admin assets to the plugin settings page.
 * Added asset versioning and a direct Settings link on the Plugins screen.
 * Preserved options on deactivation and added clean option removal on uninstall.
 * Fixed invalid defaults, readme encoding, inaccurate feature claims, and untranslated
   admin labels.

#### 1.0.2 – 2025-02-21

 * Added an option to disable the frontend toggle.

#### 1.0.1 – 2025-02-17

 * Fixed minor issues and performed maintenance updates.

#### 1.0.0

 * Initial release.

## Meta

 *  Version **1.1.0**
 *  Last updated **2 months ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 6.0 or higher **
 *  Tested up to **7.0.7**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/darkmeta-dark-mode/)
 * Tags
 * [accessibility](https://pcm.wordpress.org/plugins/tags/accessibility/)[color scheme](https://pcm.wordpress.org/plugins/tags/color-scheme/)
   [dark mode](https://pcm.wordpress.org/plugins/tags/dark-mode/)[dark theme](https://pcm.wordpress.org/plugins/tags/dark-theme/)
   [Night Mode](https://pcm.wordpress.org/plugins/tags/night-mode/)
 *  [Advanced View](https://pcm.wordpress.org/plugins/darkmeta-dark-mode/advanced/)

## Ratings

 5 out of 5 stars.

 *  [  3 5-star reviews     ](https://wordpress.org/support/plugin/darkmeta-dark-mode/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/darkmeta-dark-mode/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/darkmeta-dark-mode/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/darkmeta-dark-mode/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/darkmeta-dark-mode/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/darkmeta-dark-mode/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/darkmeta-dark-mode/reviews/)

## Contributors

 *   [ DevTheme ](https://profiles.wordpress.org/devthemenet/)
 *   [ Moduify ](https://profiles.wordpress.org/moduify/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/darkmeta-dark-mode/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://buymeacoffee.com/devtheme)