☰

Chess.com Game Preview Styling

Applies custom styling to Chess.com home page.

Versione datata 02/11/2022. Vedi la nuova versione l'ultima versione.

// ==UserScript==
// @name         Chess.com Game Preview Styling
// @namespace    http://tampermonkey.net/
// @version      1.2
// @description  Applies custom styling to Chess.com home page.
// @author       SaberSpeed77
// @match        https://www.chess.com/home
// @icon         https://www.google.com/s2/favicons?sz=64&domain=chess.com
// @grant        none
// @license      MIT
// ==/UserScript==

const imgs = new Map([
    /* White Pieces */
    ["wp", ""],
    ["wn", ""],
    ["wb", ""],
    ["wr", ""],
    ["wq", ""],
    ["wk", ""],

    /* Black Pieces */
    ["bp", ""],
    ["bn", ""],
    ["bb", ""],
    ["br", ""],
    ["bq", ""],
    ["bk", ""],
  ]);

/* Background */
const background = "";

var observer = new MutationObserver((mutations) => {
    let components = document.querySelectorAll(".game-preview-component.promo-preview");
    if (components) {
        for (let i = 0; i < components.length; i++) {
            if (background != "")
                components[i].style.backgroundImage = "url(" + background + ")";

            let pieces = components[i].children;
            for (let j = 0; j < pieces.length; j++) {
                let curPiece = pieces[j];
                let key = curPiece.src[curPiece.src.indexOf(".png") - 2] + curPiece.src[curPiece.src.indexOf(".png") - 1];
                if (imgs.get(key) != "")
                    curPiece.src = imgs.get(key);
            }
        }
    }
    observer.disconnect();
});

observer.observe(document.querySelector(".promo-component"), {
    childList: true,
    subtree: true
});