About NebulaKit
Tones and variants available in the system. A tone picks a step on the selected color's scale, from the background outwards, and a variant decides how that tone is painted.
Tones
neutral
- outside the scale, rests on the page background and text, color shows only on raised surfaces and in interaction states
lowest
- first step of the color, barely distinguishable from the background
low
- a little apart from the background, the default for most controls
medium
- clearly apart from the background
high
- the color itself, for highlights and main actions
highest
- beyond the color itself, the strongest contrast with the background
Filled variant
Filled surface, strong emphasis.
Tinted variant
Tinted background and border, softer than a filled surface.
Vivid tinted variant
Tinted background and border, text in the full accent color.
Vivid variant
Transparent background and no border, text in the full accent color.