WP Manifestindependent plugin directory
manifest / themes / dark-light-mode

FourZero Light & Dark Mode

Lightweight light/dark/system mode with an optional native Elementor toggle widget.

by FourZero · github.com/riku45100/dark-light-mode

★ 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.zip

FourZero 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-only
  • fz-light-only
  • fz-dark-surface
  • fz-dark-button
  • fz-dark-invert

Version

Current version: 1.2.0

License

GPL-2.0-or-later