Vimeo: toggle grayscale thumbnails
Switches the grayscale desaturation of thumbnails on or off with a single click.
Code to copy
// Toggle grayscale thumbnails on and off with one click
const ID = 'jz-vmo-grayscale';
const old = document.getElementById(ID);
if (old) { old.remove(); }
else {
const s = document.createElement('style');
s.id = ID;
s.textContent = '[class*="Thumbnail"] img,[class*="thumbnail"] img{filter:grayscale(100%)!important}[class*="Thumbnail"]:hover img,[class*="thumbnail"]:hover img{filter:grayscale(0%)!important}';
document.head.appendChild(s);
}How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Enable the action panel, add a button in the Actions tab and paste the code into it — run it with one click.
Rate this example
No ratings yet — be the first.