Using CSS to fix the irradiation illusion

Thicker. Thinner. Irradiation illusion: perception of weight. A light text on dark background. Dark text on light background. Same font weight, different perception.

Adam Argyle shows how dark mode makes white text look heavier than black text, and how variable fonts with the GRAD axis can rebalance weight without layout shift. He also smooths bold link hovers and adapts grade to prefers-contrast, so text stays readable across themes.

nerdy.dev/adjust-perceived-typepace-weight-for-dark-mode-without-layout-shift