Interface BoxContext

Closest scoped Anta mode. A local .light can override a dark document.

Mode on <html>, independent of an enclosing local scope.

Browser / operating-system color preference, independent of Anta classes.

Whether focus is on the box or any of its descendants, read from the native :focus-within. For CSS, use that pseudo-class directly; this field is for logic that cannot query the DOM.

Operating-system family.

Operating-system major version, or 0 when the browser withholds it. Browsers freeze this: every engine reports macOS as 10.15.7 and Windows 11 as 10.0, so only Android and iOS carry a real number. Treat it as a hint, never as a gate.

Browser family.

Browser major version, or 0 when unknown. Minor and patch digits are frozen by every engine, so only the major number is reported.

Whether the browser reports a mobile device.

Most precise available primary pointer.

Whether ordinary hover interaction is available.

Whether the reader asks for reduced motion.

window.devicePixelRatio: CSS pixels per device pixel. 1 on a standard display, 2 on most Retina screens, and a fraction under OS or browser zoom. Live — it re-reports on zoom and when the window moves to a monitor with a different density.

Resolved text style, ready to hand to a canvas 2D context.

Padding and border widths, for placing content inside the border box.

Resolved background-color. Needed when the box's content is drawn somewhere else — an offscreen canvas, a worker, an export — where the box's own background is not behind it.