Skip to content

Light and dark

Flip this site's light/dark toggle in the header. The first pinout follows it, live; the other two are pinned to one scheme each with a ?theme= parameter, and stay put.

Following the site

![Jumper settings pinout](../../pinouts/jumpers/jumpers.pinout.html){ type=iframe }

Pinned to light

![Jumper settings pinout, always light](../../pinouts/jumpers/jumpers.pinout.html?theme=light){ type=iframe }

Pinned to dark

![Jumper settings pinout, always dark](../../pinouts/jumpers/jumpers.pinout.html?theme=dark){ type=iframe }

These use the default theme, which has its own page background, so the scheme each one is in is easy to see. The OwlFC-Mini example uses a transparent theme instead.

Light and dark mode explains the order in which a page picks its scheme, and how a page on another origin is driven with a message.