Lumino Dark Mode for WordPress
Give your visitors the dark mode experience they expect — with a single click. Lumino adds a beautiful floating toggle button to your WordPress site that works with every theme, requires zero coding, and remembers each visitor’s preference automatically.
What Is Lumino Dark Mode?
Lumino Dark Mode is a free WordPress plugin that adds a floating dark/light mode toggle button to your website. It uses a CSS filter technique (invert + hue-rotate) applied to the entire page — meaning it works with any WordPress theme without touching your theme files. Images and videos are automatically re-corrected so they always look natural in both modes.
Features
01
Works With Any WordPress Theme
02
Smart Base Theme Detection
03
Visitor Preference Saved
04
Fully Customizable
- Position: Bottom-Right, Bottom-Left, Top-Right, Top-Left
- Custom pixel offset from each edge
- Adjustable width, height, and border radius
05
No Flash on Page Load
How to Install
Option 1 — From WordPress Admin
- Go to Plugins → Add New
- Search for “Lumino Dark Mode”
- Click Install Now → Activate
- Go to Lumino Dark Mode in your admin sidebar to configure
Option 2 — Manual Upload
- Download the zip from WordPress.org
- Go to Plugins → Add New → Upload Plugin
- Upload the zip and activate
- Go to Lumino Dark Mode settings to configure
Plugin Details
- Version: 1.1
- Requires WordPress: 5.8 or higher
- Requires PHP: 7.4 or higher
- Tested up to: WordPress 7.0
- License: GPLv2 or later
- Author: hsarticle
Frequently Asked Questions
Does it work with all WordPress themes?
Yes. Lumino applies a CSS filter to the entire html element which affects every part of the page regardless of your theme's structure. It works with all themes including page builders.
Will images look inverted in dark mode?
No. Images, videos, iframes, and canvas elements are automatically re-inverted so they always display in their original colors in both modes.
My site is already dark — will it work correctly?
Yes. Lumino auto-detects your site's base theme. If your site is already dark, the toggle will switch to light mode instead of making it darker. You can also force the detection in Advanced Settings.
How is each visitor's preference saved?
The preference is saved in the browser's localStorage so it persists across all pages and sessions without needing cookies or a server-side database.
Will it slow down my website?
No. Lumino loads one small CSS file and one small JS file — pure vanilla JavaScript with zero external dependencies.
Is it free?
Yes, completely free and open source under GPLv2. No premium version, no upsells.
Can I control the toggle position?
Yes. Go to Lumino Dark Mode settings and choose Bottom-Right, Bottom-Left, Top-Right, or Top-Left — plus exact pixel offsets from each edge.
Download Lumino Dark Mode Free
Lumino Dark Mode is 100% free and open source. Download it directly from the official WordPress Plugin Directory.