... ormai prolifera AI-(!), e qui all'improvviso si son viste diverse proposte....
.. magari attendi qualche suggerimento da quelli che ne fanno uso...

... io invece sono rimasto fedele alla mia esclusiva prima invenzione di 15 anni fa, quando di altocontrasto non si è mai visto niente di niente sino a 2-3 mesi fa...
... per siti congrui per tale scopo il mio codice aveva soddisfatto decine di utenti in tempi passati...
... se per caso ti interessasse e vorresti provarlo, avvisami che ti posto il mio codice, (a parte che potresti trovarlo nel forum),  e che per applicarlo basterebbe fare un solo click (copia/incolla)...
... per curiosità ho fatto una simulazione su un tuo LINK che avevi postato recentemente, con questo risultato (logo(!) a parte da rivedere):
..

.

ciao

.

@KolAsim sei un mito,

sei indispensabile come l'acqua!!!

Grazie, anche per la versione applicata sul mio sito.

Però l'idea di fare uso dello sfondo bianco/nero e del font colore nero/bianco pensavo di usarlo per un mio nuovo sito diverso da quello in rete, che tu gentilmente hai usato.

Si provo a cercare se trovo il tuo codice, in alternativa ti romperò nuovamente le scatole.

@KolAsim grazieeee

ciao

... magarti questo tuo nuovo sito è congruo per il mio codice; ...puoi provarlo così te ne puoi rendere conto:

<script>
/** --- altocontrasto by KolAsim --- **/
$(document).ready(function () {/*K>*/ const ritardoK = 3; setTimeout(function () {/*K2>*/ const styleK = ` <style> #imStickyBarContainer { display: none !important; } #cacK { position: fixed; top: 0; left: 0; z-index: 1000000; border-radius: 50px; } #cacK2 { width: 72px; margin: auto; border-radius: 50px; border: 4px solid gray; background-color: beige !important; } #contrastoK, #reloadK { position: relative; width: 30px; border-radius: 50%; border: 2px solid silver; background-color: lavender !important; cursor: pointer; } #contrastoK:hover, #reloadK:hover { border-color: green; } </style> `; $("head").append(styleK); const altocontrastoK = ` <div id="cacK"> <div id="cacK2"> <img id="contrastoK" src="https://www.svgrepo.com/show/436702/circle-lefthalf-fill.svg" title="Contrasto: nero ◑ bianco"> <img id="reloadK" src="https://www.svgrepo.com/show/495633/refresh-circle.svg" title="Ripristina"> </div> </div> `; $("body").append(altocontrastoK); let contrastoAttivo = false; $("#contrastoK").on("click", function () {/*K3>*/ contrastoAttivo = !contrastoAttivo; const bgColor = contrastoAttivo ? "black" : "white"; const textColor = contrastoAttivo ? "white" : "black"; $("body *") .not("#cacK, #cacK *") .css({ "background-color": bgColor, "color": textColor }); });/*K3<<*/ $("#contrastoK").hover( function () {/*K4>*/ $(this).attr("src", "https://www.svgrepo.com/show/436703/circle-righthalf-fill.svg"); }, function () { $(this).attr("src", "https://www.svgrepo.com/show/436702/circle-lefthalf-fill.svg"); } );/*K4<<*/ $("#reloadK").hover( function () {/*K5>*/ $(this).attr("src", "https://www.svgrepo.com/show/495638/repeat-circle.svg"); }, function () { $(this).attr("src", "https://www.svgrepo.com/show/495633/refresh-circle.svg"); } );/*K5<<*/ $("#reloadK").on("click", function () {/*K6>*/ location.reload(); });/*K6<<*/ }, ritardoK * 1000);/*K2<<*/ });/*K<<*/
</script>

ciao

.

... il codice lo devi incollare in questa sezione:

>> Passo 1 - Impostazioni > Statistiche e Codice > I comandi della Sezione Codice >

▪Codice personalizzato: >  Prima della chiusura del tag HEAD

.