Farbmodus mit Tinte statt Schnitt.

Klick auf den Schalter oben rechts – oder irgendwo per Tastatur. Die Tinte breitet sich vom Klickpunkt über die Seite aus.

Einbinden

In den <head>:

<script>try{var t=localStorage.getItem('ink-theme');document.documentElement.dataset.theme=t==='dark'||t==='light'?t:matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light'}catch(e){}</script>
<script type="module" src="https://ink-theme.lightweightluu.com/ink.js"></script>

Im Header:

<ink-theme-toggle></ink-theme-toggle>

Dunkle Farben in CSS über :root[data-theme='dark'] steuern.

Fallback

Ohne WebGL2 oder mit «Bewegung reduzieren» wechselt die Seite mit einem sanften Fade.

Basiert auf ink-bleed-theme-changer von codemure (MIT).