On this page
Options
Light, dark and high contrast
People choose one, or the app follows their system.
Colors are roles
Each part of a screen takes a role, never a color of its own; the theme gives every role its color.
Every role in this theme
A status shows its text, soft fill and solid fill. The Display menu switches the theme and contrast.
What each color means
A tone means the same on every component.
Your own colors
An area can take a color scheme of its own, such as a brand's; every component in it follows, hover and press included.
Rules
A tone always comes with words or an icon, so nobody has to tell colors apart.
Outlined and filled
Fields that hold a value are outlined; what you press or drag keeps the filled gray.
Words to use
Ask an agent for color in these words; envUI turns each into a role.
- A quieter surface
A panel that draws less attention.
- Success or warning
How something stands, such as saved or failed.
- Its own color
One element in a color the roles don’t give.
- A dark area
One part of a page in the other theme.
- High contrast
Stronger text and edges, for people who need them.