FourZero Light & Dark Mode
Lightweight light/dark/system mode with an optional native Elementor toggle widget.
★ 0stars
0forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/riku45100/dark-light-mode/archive/refs/heads/main.zipFourZero Dark & Light Mode
A lightweight WordPress plugin providing Light, Dark and System colour modes, with a native Elementor widget.
Features
- Light, Dark and System modes
- Saves the visitor's preference in localStorage
- Follows OS dark-mode preference when System is selected
- Native Elementor widget
- Multiple Elementor widgets stay synchronised
- Pill, Compact and Switch styles
- Custom labels
- Elementor style controls
- No external libraries
- CSS helper classes for selective dark-mode styling
Elementor
Activate the plugin and open Elementor. Search for FourZero Light & Dark Mode and drag the widget into your page, header or footer.
Useful CSS classes:
fz-dark-onlyfz-light-onlyfz-dark-surfacefz-dark-buttonfz-dark-invert
Version
Current version: 1.2.0
License
GPL-2.0-or-later