Colors

The twenty-two colors of the program.

Each color is also a CSS variable of the same name (--panel, --accent…), for a theme's own CSS to use.

Key	Colors	Group
`bg`	Behind the image	Surfaces
`panel`	Panels and bars	Surfaces
`raised`	Cards and menus	Surfaces
`field`	Fields and buttons	Surfaces
`well`	Lists	Surfaces
`line`	Lines between	Lines
`edge`	Window edges	Lines
`focus`	The field in hand	Lines
`text`	Text	Text
`soft`	Names of settings	Text
`dim`	Lesser text	Text
`faint`	Least text	Text
`hover`	A button under the pointer	States
`chosen`	The chosen row or tab	States
`strong`	What is switched on, and handles	States
`on-strong`	The sign on a switched-on button	States
`track`	A slider's track	States
`fill`	A slider, as far as it stands	States
`accent`	The accent	Accents
`on-accent`	Text on the accent	Accents
`danger`	Removing	Accents
`guide`	Guides	Accents

Starting a theme

You do not need to choose all twenty-two by hand. In Settings › Appearance a theme is started from a tint and an accent, which gives every color a value; each can then be set on its own.