Chess.com Board-Farbintensität für einfachere Figurenbewegung verbessern

Auf Chess.com zeigen Hinweise beim Bewegen von Figuren, wohin Figuren ziehen können - die möglichen Felder - mit hellen schwarzen Kreisen auf der Hintergrundfarbe.

Zum Beispiel, wie im Bild unten gezeigt:

Zu diesem Zeitpunkt können Sie, wenn Sie auf die linke Seite des Bildes schauen, sehen, dass die Färbung sehr schwach ist.

Diese Färbung ist jedoch wirklich schwer zu sehen, wenn Sie farbenblind sind oder der Raum hell ist.

Also habe ich ein Programm geschrieben, mit dem Sie die Farbintensität ändern können.

Können Sie auf der rechten Seite des Bildes sehen, dass die Farbe etwas dunkler ist? So sieht es aus, wenn Sie das Programm ausführen. Die Farbeinstellung reicht von 0 bis 1 (Maximum), wobei die Standardeinstellung auf der linken Seite 0,1 ist und die dunklere rechte Seite 0,3 ist. Wenn dies also immer noch nicht ausreicht, können Sie diesen Wert einfach erhöhen, um ihn auf eine angemessenere Sichtbarkeit zu ändern.

Hier ist das Programm: {/* ```js // ==UserScript== // @name Chess.com hint opacity

// @namespace http://tampermonkey.net/ // @version 0.1 // @description try to take over the world! // @author You // @match https://www.chess.com/daily-chess-puzzle/* // @match https://www.chess.com/daily-chess-puzzle // @match https://www.chess.com/*

// @require https://unpkg.com/[email protected]/dist/url-parse.js

// @run-at document-idle // @noframes // ==/UserScript==

(async () => { [hide] const sleep = m => new Promise(r => setTimeout(r, m)); await sleep(200); while (true) { await sleep(50); // mseconds document.querySelectorAll(‘div[data-test-element=“hint”]‘).forEach(a => {a.style.backgroundColor = ‘rgba(0,0,0,.3)’}) } [/hide] })();

```js
// ==UserScript==
// @name         Chess.com hint opacity

// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.chess.com/daily-chess-puzzle/*
// @match        https://www.chess.com/daily-chess-puzzle
// @match        https://www.chess.com/*

// @require      https://unpkg.com/[email protected]/dist/url-parse.js

// @run-at       document-idle
// @noframes
// ==/UserScript==

(async () => {
    const sleep = m => new Promise(r => setTimeout(r, m));
    await sleep(200);
    while (true) {
        await sleep(50); // mseconds
        document.querySelectorAll('div[data-test-element="hint"]').forEach(a => {a.style.backgroundColor = 'rgba(0,0,0,.3)'})
    }
})();

Dieses Programm läuft in JavaScript.

Hier sind die Installationsmethoden für Google Chrome- und Firefox-Browser:

1. Für Chrome-Browser, Brave-Browser und Kiwi-Browser installieren Sie die [Tampermonkey • Chrome](https://www.tampermonkey.net/)-Erweiterung. Für Firefox-Browser installieren Sie das [Greasemonkey](https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/)-Add-on
2. Klicken Sie auf die Erweiterung, "Create a new script" > Kopieren und fügen Sie das obige Programm ein und speichern Sie

Wenn Sie die Intensität größer als 0,3 machen möchten, ändern Sie den .3-Teil in rgba(0,0,0,.3) im obigen Code zu .9 oder einem beliebigen Wert, aktualisieren/laden Sie die Seite neu und fertig.