natthasath

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 <code>html.is-grayscale { filter: grayscale(var(--sgt-level)); }</code>. 
– Intensity control (0–100) from Settings → Site Grayscale. 
– Show/Hide floating toggle button (bottom-right by default). 
– Shortcode: <code>[grayscale_toggle]</code> to place the switch anywhere (headers, menus, footers, blocks, widgets). 
– Remembers visitor preference with <code>localStorage</code> across pages. 
– CSP-safe: no inline JS; initial state added server-side to <code><html></code> to avoid FOUC. 
– Lightweight, theme-agnostic; works alongside most caching/CDN plugins.
Use cases include memorial/monochrome modes, accessibility preferences, or design experiments that you want users to control.

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 …

Jesús Amieiro

fontethemes

This plugin converts all images to grayscale and show the colored image on hover.
It supports these browsers:
<ul>
<li><a href="https://www.google.com/chrome/" rel="nofollow ugc">Google Chrome</a>.</li>
<li><a href="https://www.mozilla.org/firefox/" rel="nofollow ugc">Mozilla Firefox</a>.</li>
<li><a href="https://www.apple.com/safari/" rel="nofollow ugc">Apple Safari</a>.</li>
<li><a href="https://www.microsoft.com/en-us/windows/microsoft-edge" rel="nofollow ugc">Microsoft Edge</a>.</li>
<li><a href="https://www.opera.com/" rel="nofollow ugc">Opera</a>.</li>
</ul>
The banner and the icon uses <a href="https://pixabay.com/en/beach-shore-coast-ocean-evening-768421/" rel="nofollow ugc">this image</a>, released under the <a href="https://pixabay.com/en/service/terms/#usage" rel="nofollow ugc">CC0 Public Domain license</a>.

Grayscale Images


The plugin does perfectly what it promises. A very nice feature for photography and portfolio websites.


Works as a charm

This plugin converts all images to grayscale and show the colored image on hover.

Site Grayscale Toggle vs Grayscale Images