← All examples

Product Hunt: toggle grayscale thumbnails

Desaturates product thumbnails in the feed with one click; colour returns when you hover an entry.

Code to copy

// Toggle grayscale product thumbnails to calm the feed
const ID = 'jz-prh-grayscale';
const old = document.getElementById(ID);
if (old) { old.remove(); }
else {
  const s = document.createElement('style');
  s.id = ID;
  s.textContent = '[data-test^="post-item"] img{filter:grayscale(100%)!important;transition:filter .2s}[data-test^="post-item"]:hover img{filter:none!important}';
  document.head.appendChild(s);
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Enable the action panel, add a button in the Actions tab and paste the code into it — run it with one click.