← Все примеры

Product Hunt: переключить серые миниатюры

Одним кликом обесцвечивает миниатюры продуктов в ленте; при наведении цвет возвращается.

Код для копирования

// 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);
}

Как использовать этот пример

1. Скопируй код кнопкой выше.
2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
3. Добавь новое правило, совпадающее с этой страницей.
4. Включи панель действий, добавь кнопку во вкладке Действия и вставь в неё код — запускай одним кликом.