Site Grayscale Toggle
CSP-safe plugin that applies a site-wide grayscale filter with a front-end toggle. Control intensity (0–100) and whether to show a floating toggle but …
00
·10 active installs·Updated 4 months agoAs of April 2026, Site Grayscale Toggle is a WordPress ui plugin with 10 active installations and a 0/5 rating0. It has been downloaded 218 times in total. Requires WordPress false+ and PHP false+. Available on WordPress.org since 2025. Top alternative: Radio Buttons for Taxonomies.
0/5Rating
10active installs
218total downloads
1 yearsince 2025
Overview
Site Grayscale Toggle lets you turn your entire site grayscale and give visitors a clear on/off switch. It’s built to be CSP-friendly (no inline JS) and to avoid a flash-of-unstyled-content by injecting the initial state on the server side.
Features:
– Grayscale filter site-wide via html.is-grayscale { filter: grayscale(var(--sgt-level)); }.
– Intensity control (0–100) from Settings → Site Grayscale.
– Show/Hide floating toggle button (bottom-right by default).
– Shortcode: [grayscale_toggle] to place the switch anywhere (headers, menus, footers, blocks, widgets).
– Remembers visitor preference with localStorage across pages.
– CSP-safe: no inline JS; initial state added server-side to <html> to avoid FOUC.
– Lightweight, theme-agnosti…
Ratings & Reviews
00 reviews
5 ★
0
4 ★
0
3 ★
0
2 ★
0
1 ★
0
Compatibility
| WordPress | false+ requiredTested up to 6.8.5 |
| PHP | false+ required |
Top Alternatives to Site Grayscale Toggle
Frequently Asked Questions
Changelog
1.1.1
- CSP-safe: removed inline JS and moved bootstrap to server-side attribute/class injection.
- Preserved intensity (0–100), show/hide floating button, and shortcode features.
Contributors
Plugin data sourced from WordPress.org. Analysis and metrics by PluginSift.