Title: Joynal Dark Mode Switcher
Author: Joynal
Published: <strong>April 21, 2026</strong>
Last modified: May 17, 2026

---

Search plugins

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

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

# Joynal Dark Mode Switcher

 By [Joynal](https://profiles.wordpress.org/joynall/)

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

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

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

## Description

Joynal Dark Mode Switcher is a lightweight WordPress plugin that lets visitors toggle
between light and dark modes with a simple frontend switch.

It provides a fast, flicker-free experience by remembering user preferences and 
applying clean CSS-based styling for accurate colors and smooth performance across
your website.

### Key Features

 * **Simple & Fast**: Lightweight architecture ensures optimal performance and prevents
   visual blinking (FOUC).
 * **Floating Toggle Button**: Beautiful SVG-based sun/moon toggle switch that can
   be placed in any of the 4 corners (top-right, top-left, bottom-right, bottom-
   left).
 * **User Persistence**: The visitor’s preference is automatically remembered on
   subsequent visits and across different pages.
 * **Accessible Designs**: High contrast base colors provide readable white text
   over dark backgrounds by default.
 * **Custom CSS Rules**: Easily inject custom CSS overrides from the minimalist 
   settings dashboard for more nuanced dark themes.
 * **Default Mode Option**: Define whether the plugin should default to ‘light’ 
   or ‘dark’ for visitors who haven’t selected a preference yet.
 * **Secure & Compliant**: Native integration using native `wp_enqueue_` hooks, 
   translatable text domains (`joynal-dark-mode-switcher`), and proper late escaping.

## Installation

 1. Upload the plugin files to your `/wp-content/plugins/joynal-dark-mode-switcher`
    directory, or install the plugin through the WordPress plugins screen directly 
    via ZIP.
 2. Activate the plugin through the ‘Plugins’ menu item in WordPress.
 3. Access the plugin configuration via the “Joynal Dark Mode Switcher” settings item
    in your main dashboard sidebar.
 4. Toggle on “Enable Joynal Dark Mode Switcher” and configure your desired base behavior!

## FAQ

### Does it break my fixed headers?

No! Because this plugin applies targeted CSS color overrides rather than primitive
blanket `filter` overlays, components like fixed headers, positioned footers, or
complex animations work beautifully in dark mode.

### Can I write my own custom styles?

Yes! From the settings page, you can add custom CSS to target specific elements 
in your theme and handle edge cases easily.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

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

Contributors

 *   [ Joynal ](https://profiles.wordpress.org/joynall/)

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

### Interested in development?

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

## Changelog

#### 1.0.2

 * Added floating button position options
 * Fixed CSS bug

#### 1.0.1

 * Updated plugin icon
 * Improved readme description and formatting

#### 1.0.0

 * Initial stable release!

## Meta

 *  Version **1.0.2**
 *  Last updated **3 weeks ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 5.8 or higher **
 *  Tested up to **7.0**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/joynal-dark-mode-switcher/)
 * Tags
 * [accessibility](https://vec.wordpress.org/plugins/tags/accessibility/)[contrast](https://vec.wordpress.org/plugins/tags/contrast/)
   [dark](https://vec.wordpress.org/plugins/tags/dark/)[dark mode](https://vec.wordpress.org/plugins/tags/dark-mode/)
   [Night Mode](https://vec.wordpress.org/plugins/tags/night-mode/)
 *  [Advanced View](https://vec.wordpress.org/plugins/joynal-dark-mode-switcher/advanced/)

## Ratings

No reviews have been submitted yet.

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

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

## Contributors

 *   [ Joynal ](https://profiles.wordpress.org/joynall/)

## Support

Got something to say? Need help?

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