Inoreader Article Highlighter

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

Ask a question, post a review, or report the script.

Wrap lines

// ==UserScript==
// @name         Inoreader Article Highlighter
// @version      20241028
// @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 => {
        var scoreSpan = header.querySelector('.popularity_score_span');
        if (scoreSpan) {
            var scoreText = scoreSpan.innerText;
            var score = parseScore(scoreText);
            if (score > 99) {
                header.style.backgroundColor = 'lightblue';
            }
        }
        if (header.querySelector('.text-orange')) {
            header.style.backgroundColor = '#FFDAB9';
        }
        if (header.querySelector('.text-error-color')) {
            header.style.backgroundColor = '#F08080';
        }
    });
    }

    function parseScore(scoreText) {
        var multiplier = 1;
        var score = parseFloat(scoreText);
        if (scoreText.toLowerCase().includes('k')) {
            multiplier = 1000;
        } else if (scoreText.toLowerCase().includes('m')) {
            multiplier = 1000000;
        }
        return score * multiplier;
    }

    window.addEventListener('load', changeHeaderBackground);

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