Raw Source Toggle Dropdown

• Minified Source

jasonc1804gmail.com / Conversation Starter Dimmer

// ==UserScript==
// @namespace     https://openuserjs.org/users/jasonc1804gmail.com
// @name          Conversation Starter Dimmer
// @description   Dims posts and comments from "Conversation Starters" on fpustudents
// @copyright     2018, jasonc1804gmail.com (https://openuserjs.org/users/jasonc1804gmail.com)
// @license       MIT
// @version       0.0.2
// @match        https://www.facebook.com/groups/fpustudents/*
// @grant none
// ==/UserScript==

// ==OpenUserJS==
// @author jasonc1804gmail.com
// ==/OpenUserJS==

function GM_addStyle(css) {
  const style = document.getElementById("GM_addStyleBy1804") || (function () {
    const style = document.createElement('style');
    style.type = 'text/css';
    style.id = "GM_addStyleBy1804";
    document.head.appendChild(style);
    return style;
  })();
  const sheet = style.sheet;
  sheet.insertRule(css, (sheet.rules || sheet.cssRules || []).length);
}
GM_addStyle(".hoverEasy{ opacity: 0.3; filter: blur(1px) }");
GM_addStyle(".hoverEasy{ transition: opacity 0.3s, 0.3s filter }");
GM_addStyle(".hoverEasy:hover{ opacity: 1; filter: blur(0px) }");

(function () {
  'use strict';

  setInterval(function () {
    let elements = [...document.querySelectorAll('span')]
    .filter(el => el.innerHTML === 'Conversation Starter');
    console.log(elements);
    for (let element of elements) {
      while (!element.classList.contains("userContentWrapper") && !element.classList.contains("UFIComment")) {
        element = element.parentElement;
        if (element === null) {
          break;
        }
      }
      if (element !== null) {
        //console.log(element);
        element.classList.add("hoverEasy");
      }
    }
  }, 5000);
})();