Errored workspaces don't use the correct status indicator

[gtsiolis]

Problem to solve

The new dasboard surfaces errored workspaces without the correct status indicator.

Proposal

Use red-600 for the error status indicator.

BEFORE	AFTER

[corneliusludmann]

@gtsiolis Is it intended, that the interrupted state has color red-400 and the errored workspace you addressed in this issue should get the color red-600 as status indicator?

https://github.com/gitpod-io/gitpod/blob/7cc28f0acbe283ce7e6715fb3d2fc7753220f2dc/components/dashboard/src/workspaces/WorkspaceEntry.tsx#L156-L159

[corneliusludmann]

What is with the unknown state? Currently, the status indicator is rendered with bg-gitpod-kumquat animate-pulse (the default, intended for workspaces that are in a transition phase). Should this state get a red indicator as well? The state description does not sound like a transition state but more like a final error state.

gitpod/components/gitpod-protocol/src/workspace-instance.ts

Lines 85 to 87 in 9be229e

	// unknown indicates an issue within the system in that it cannot determine the actual phase of
	// a workspace. This phase is usually accompanied by an error.
	"unknown" |

[gtsiolis]

Is it intended, that the interrupted state has color ...

Hey @corneliusludmann! I think they can use the same red. I was going to suggest to move forward with the red-600 but let's go with red-500 and improve accessibility with color and shape in a later iteration in #4225. What do you think? 🍊

red-400	red-500	red-600

What is with the unknown state?

Not sure about this one but sounds safe to go with the same red, right? Looping in @jankeromnes @svenefftinge in case they can want add any further thoughts on this. 💬

... is rendered with bg-gitpod-kumquat

Starting and stopping phases can continue to use an orange-ish color. I think we can safely phase out custom colors like bg-gitpod-kumquat and replace it #FBBF24 from the colors.amber palette, see relevant docs. We did import colors.amber for the orange palette, however, feel free to leave this out of the scope of these changes.

gitpod/components/dashboard/tailwind.config.js

Line 22 in 3d9b16c

orange: colors.amber,