☰

StackOverflow: Highlight Your Text

This userscript highlights the questions, answers, and comments you've made on StackOverflow and StackExchange to distinguish you from other users.

// ==UserScript==
// @name         StackOverflow: Highlight Your Text
// @namespace    DanKaplanSES
// @version      0.2
// @description  This userscript highlights the questions, answers, and comments you've made on StackOverflow and StackExchange to distinguish you from other users.
// @author       DanKaplanSES
// @match        https://*.stackoverflow.com/questions/*
// @match        https://*.superuser.com/questions/*
// @match        https://*.stackexchange.com/questions/*
// @match        https://*.serverfault.com/questions/*
// @match        https://*.askubuntu.com/questions/*
// @match        https://*.stackapps.com/questions/*
// @match        https://*.mathoverflow.net/questions/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=stackoverflow.com
// @require      https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js
// @grant        none
// @license      MIT
// @supportURL   https://github.com/DanKaplanSES
// ==/UserScript==

// Not used, but helpful information for https://webaim.org/resources/contrastchecker/
const darkBackgroundColor = `#252627`;
const lightBackgroundColor = `#FFFFFF`;

jQuery.noConflict(true)(function($) {
    setTimeout(() => {
        const isDarkTheme = $(`.theme-dark`).length > 0;
        const highlightColor = isDarkTheme ? `#FFA953` : `#A8681A`; // Change this line for custom colors

        const userCardSelector = `a.s-user-card`;
        const userHref = $(userCardSelector)?.attr("href");
        if (userHref === undefined || userHref === null) {
            console.info(`The "Color Code Your Text" userscript could not find an href attribute with this CSS selector: '${userCardSelector}'. Exiting early.`);
            console.info(`Possible cause: you are not logged in.`);
            return;
        }
        const linkSelector = `*[href="${userHref}"]`;

        $(`#content`).find(linkSelector).each(function () {
            $(this).parents(`.postcell, .answercell`).find($(`.s-prose`)).each(function () {
                $(this).css({ "color": highlightColor });
                $(this).find(`blockquote`).css({ "color": highlightColor });
                $(this).find(`code`).css({ "color": highlightColor });
            });

            $(this).parents(`.comment-body`).find(`.comment-copy`).each(function () {
                $(this).css({ "color": highlightColor });
                $(this).find(`blockquote`).css({ "color": highlightColor });
                $(this).find(`code`).css({ "color": highlightColor });
            });
        });

    }, 500);
});