Dark Mode and Images

Dark mode

The theme adapts to the user’s system preference automatically — no toggle, no JavaScript. If the system is set to dark, the page is dark. If it’s light, it stays light.

Photographs

JPEG, AVIF, and WebP images are not inverted in dark mode — colours and hue stay true. They are dimmed so they sit on the black page without glaring.

Toggle your system dark mode — colours preserved, image dimmed

Graphics

SVG and PNG images invert with the page. A black icon on white becomes a white icon on black. Logos, diagrams, and illustrations on transparent backgrounds flip correctly.

This graphic inverts with the page

The rule

Use JPEG for photographs. Use SVG or PNG for graphics, logos, and diagrams. The format is the intent — no class needed.

Captions

An italicised line placed immediately after an image becomes a centred caption, as seen above.