Duermevela

Un selector de tema que sigue al sistema y no destella

Claro, oscuro o «Sistema»: la página sigue el tema del equipo en vivo con matchMedia, lo fija en un guion del <head> antes del primer pintado (un medidor lo comprueba cargando la página en un marco) y lo sincroniza entre pestañas con el evento storage. El cambio se revela con una cortina que sale del control, y la barra del teléfono (theme-color), los controles nativos (color-scheme) y la ilustración (<picture>) cambian con él.