tampermonkey Google Keep Colorizer

gistfile1.txt

// ==UserScript==
// @name       Google Keep Sg
// @namespace http://tampermonkey.net/
// @description	  Description
// @author        Sg
// @match       http*://keep.google.com/*
// @run-at        document-start
// @version       0.1
// ==/UserScript==

(function() {
    'use strict';

    function applyStyles() {
        const spans = document.querySelectorAll('span.vIzZGf-fmcmS');
        for (const span of spans) {
            if(span.innerText.startsWith('.'))
                span.classList.add('sg-bujo-done');
            else if(span.innerText.startsWith('>'))
                span.classList.add('sg-bujo-moved-right');
            else if(span.innerText.startsWith('<'))
                span.classList.add('sg-bujo-moved-left');
            else if(span.innerText.startsWith('-'))
                span.classList.add('sg-bujo-cancelled');
            else if(span.innerText.startsWith('*'))
                span.classList.add('sg-bujo-important');
            else if(span.innerText.toLowerCase().startsWith('ж'))
                span.classList.add('sg-bujo-journal');
        }
    }
    window.addEventListener("load", applyStyles);
    document.addEventListener("click", applyStyles);

    var css = `
 .IZ65Hb-vIzZGf-L9AdLc-haAclf span.sg-bujo-done {
	color: grey !important;
}
 .IZ65Hb-vIzZGf-L9AdLc-haAclf span.sg-bujo-cancelled {
	color: #9F2D01 !important;
}
 .IZ65Hb-vIzZGf-L9AdLc-haAclf span.sg-bujo-moved-right {
	color: blue !important;
}
 .IZ65Hb-vIzZGf-L9AdLc-haAclf span.sg-bujo-moved-left {
	color: green !important;
}
 .IZ65Hb-vIzZGf-L9AdLc-haAclf span.sg-bujo-important {
	color: red !important;
}
 .IZ65Hb-vIzZGf-L9AdLc-haAclf span.sg-bujo-journal {
	color: green !important;
}
  `
     if (typeof GM_addStyle != "undefined") {GM_addStyle(css);}
else if (typeof PRO_addStyle != "undefined") {PRO_addStyle(css);}
else if (typeof addStyle != "undefined") {addStyle(css);}
else {
    var node = document.createElement("style");
    node.type = "text/css";
    node.appendChild(document.createTextNode(css));
    var heads = document.getElementsByTagName("head");
    if (heads.length > 0) {heads[0].insertAdjacentElement("afterBegin",node);}
    else {document.documentElement.insertAdjacentElement("afterBegin",node);}
}

})();