Inoreader Article Highlighter

Change the background colour of article headers if they are popularity red or orange, or if the score is >100.

当前为 2024-05-24 提交的版本,查看 最新版本

// ==UserScript==
// @name         Inoreader Article Highlighter
// @version      20240524
// @description  Change the background colour of article headers if they are popularity red or orange, or if the score is >100.
// @author       jamesdeluk
// @match        https://www.inoreader.com/*
// @grant        none
// @namespace https://greasyfork.org/users/242246
// ==/UserScript==

(function() {
    'use strict';

    function changeHeaderBackground() {
        var articleHeaders = document.querySelectorAll('.article_header');
        articleHeaders.forEach(header => {
            if (header.querySelector('.popularity_icon_red')) {
                header.style.backgroundColor = '#F08080';
            }
            if (header.querySelector('.popularity_icon_orange')) {
                header.style.backgroundColor = '#FFDAB9';
            }
            var scoreSpan = header.querySelector('.popularity_score_span');
            if (scoreSpan && parseInt(scoreSpan.innerText) > 100) {
                header.style.backgroundColor = 'lightblue';
            }
        });
    }

    window.addEventListener('load', changeHeaderBackground);

    setInterval(changeHeaderBackground, 5000); // Checks every 5 seconds for newly-loaded articles
})();