Web AppLight & Dark Mode

Light & Dark Mode

Both modes are built at once; you edit one at a time.

Tonex builds light and dark together from the same source. You edit one mode at a time, and the engine keeps the other coherent. Toggle the active mode with D.

Some settings apply to both modes at once; others only to the mode you're editing.

SettingScope
Seed colorShared
Scheme variantShared
Custom colorsShared
Palette overridesShared
CMF second sourceShared
Chart settingsShared
Contrast levelPer-mode
Surface adjustment (Tint / Desaturate, incl. tint neutral palette)Per-mode
Tint text accentPer-mode
Role bindingsPer-mode
Color overridesPer-mode

Change a shared setting and both modes update together. The per-mode split lets you push contrast harder in dark mode, or tint dark surfaces more than light ones, without disturbing the other mode.