Follow-up from "Add pipeline preparing status icons"

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

• Close this issue

The following discussion from !17923 (merged) should be addressed:

• @wortschi started a discussion:

  Question: Not related to the changes made in this MR, but I wonder if we could use class names instead of hex codes here. This would allow us to maintain colors in our CSS and make use of predefined variables whenever possible. Probably something that's worth looking into in a follow-up issue? Thoughts

Description

Our pipeline badge colors currently use hardcoded hex values to determine the colors of the pipeline status badges.

Ideally, we should be using CSS class names and not hardcoded hex codes to make maintenance of the colors easier.