The Status Symbol combines color and shape to create a standard and consistent way to indicate the status of a device or feature.
Rules of Thumb
- Use the standard set of Status Symbols provided.
- Only use the provided colors for status.
- Use the highest color possible if multiple statuses are consolidated. For example, if the statuses of underlying components are green, yellow, and red, the consolidated indicator is red.
Status colors are provided for both light and dark theme versions of Astro in Hex, RGB and CSS Custom Property values.