Theme Split
The same card twice, light left of the divider and dark right of it, and the divider is yours to drag. One number moves the cut, so the two themes can be compared on the very same pixels.
Usage
Meant for
Examples
On a Card
Drag the divider, or tab to it and use the arrow keys. The same card twice in one grid cell — the left copy forced light with WunderUI's light class, the right one dark — and the dark copy is cut at the divider with clip-path. One number, --wm-pos, moves the cut and the handle together, so nothing re-lays out and both themes can be compared on the very same pixels. While the pointer holds it the divider sits exactly under it; a key press eases there in 150 ms. The dark copy is a picture of the first: aria-hidden and inert, so assistive technology reads the card once. Until you reach for it, the preview sweeps the divider gently.
The class is wm wm-theme-split — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.