Status Symbol

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.

Related Pages

• For a detailed description of how Status Symbols are used within Monitoring Icons, see Icons and Symbols.

• To learn more about the usage of status colors, see Status System.

Status Colors

Status colors are provided for both light and dark theme versions of Astro in Hex, RGB and CSS Custom Property values.

Dark Theme Status Colors

Light Theme Status Colors

×