TechTakes

Here's a quick and dirty vanilla js script that highlights all posts in a thread according to how recent they are, the brighter the newer, to make long running threads easier to follow. I'm posting it in the stubsack because it's the thread I had in mind when writing it.

Pasting it in the browser's console and pressing enter should be enough for the page you have open, not that I've cross tested it any... Worst case scenario it does nothing or it colors the posts wrong and you just reload the page, I swear it won't steal your crypto, or mine any new.

In Firefox you can find the console by pressing F12 and selecting the console tab.

(()=>{
    function getHighlightedColor(min, max, value) {
        const percentage = (value - min) / (max - min);
        return `rgba(0,0,255,${percentage})`
    }

    const nodes = [...document.querySelectorAll("span.moment-time")]
        .map(x => {
            return {
                Node: x,
                Date: Date.parse(
                    x.dataset.tippyContent
                        .split('\n').at(-1)
                        .replace(/Modified |at /g, ""))
            };
        });

    const dates = nodes.map(x => x.Date).filter(x => !isNaN(x) && x != null);
    dates.sort();

    const minDate = dates[0];
    const maxDate = dates.at(-1);

    nodes
        .filter(x => x.Node.closest('.ms-2') != null)
        .forEach(x => x.Node.closest('.ms-2').style.backgroundColor = getHighlightedColor(minDate, maxDate, x.Date))
})()