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 …

phayoune

Phayoune Site Ribbon is a lightweight, standalone plugin designed to display a fixed floating image (such as a mourning ribbon, promotion badge, or logo) on any corner of your WordPress website.
It works with any theme and does not require Elementor. This plugin is perfect for site announcements, mourning periods (Black & White ribbon), or verified badges.
🔥 New in Version 2.8: 
Advanced Grayscale Control! We have separated the logic for Grayscale (Mourning) Mode. You can now choose to apply the Black & White effect to specific pages or posts only, independent of where the ribbon image is displayed. This gives you full control over your site’s appearance during mourning periods.
🔥 New in Version 2.3: 
We have integrated the WordPress Media Uploader! You can now select your ribbon image directly from your Media Library with a single click. No more manually copying and pasting image URLs.
Key Features: 
* Easy Image Selection: Choose images directly from your WordPress Media Library. 
* Custom Position: Easily place it Top-Left, Top-Right, Bottom-Left, or Bottom-Right. 
* Smart Adjustment: Fine-tune position with X/Y Offset controls. 
* Advanced Grayscale Mode: Turn your website into black & white mode. (New: Supports specific page selection independently from the ribbon). 
* Animations: Add movement to your ribbon (Flip, Swing, Pulse) to grab attention. 
* Display Conditions: Choose to show on All Pages, Only Pages, Only Posts, or Specific Pages/Posts (Multi-select). 
* Linkable: Add a custom link to the ribbon image.

Phayoune Site Ribbon

Easily display a floating ribbon or image on your website corner. Includes Grayscale mode, specific page selection, and Media Library integration.

Site Grayscale Toggle vs Phayoune Site Ribbon