The Design editor stores separate light and dark variants.

  1. Go to Design and open Theme.
  2. Select Light, configure the theme, and review the preview.
  3. Select Dark, configure its colors and contrast, and preview again.
  4. Save the theme.
Theme color controls, Light and Dark variants, and the engagement-card preview
Theme color controls, Light and Dark variants, and the engagement-card preview in the Atlas Cloud demo workspace.

The editor's Light and Dark buttons select which variant you are editing. To choose how the installed SDK resolves a variant, initialize or update it with light, dark, or system. The system setting follows the user's color-scheme preference; it is an SDK setting, not a third theme-editing mode in the Design panel.

Was this helpful?