Compare Light and Dark Modes

Use the same comparison frame

1. 01

   Select a small set

   Use the Compare workbench to place up to three verified Themes in the same review session.

2. 02

   Switch the whole view

   Review every selected release in light, then dark, without changing the evaluation criteria.

3. 03

   Trace differences to tokens

   Use the token matrix to distinguish a deliberate semantic change from a favorable preview crop.

4. 04

   Shortlist before installing

   Treat comparison as a selection aid. Installation still requires release-specific artifact verification.

Review interface roles, not isolated swatches

• Read primary and secondary labels over base, raised, and overlay backgrounds.
• Check that borders separate adjacent surfaces without becoming the strongest element.
• Keep brand, error, success, and warning roles distinguishable in both modes.
• Inspect the sidebar against the content canvas and raised cards.
• For Full Skins, verify that the runtime screenshot shows the final generated CSS and same-origin assets, not a Studio simulation.