Change the UI color for ExternalSensor tasks

[Timelessprod]

Description

With the recent update of the graph display in DAGs, there's a visibility issue regarding external task sensors. Indeed those tasks have a #19647e tile color while the status & operator name are displayed in --chakra-colors-gray-500 (aka #718096) on top of it, which makes the text unreadable. You can see a screenshot below:

I can submit a PR for it if needed but I'm unsure if there's a chart regarding which color to give to what type of operator etc. so please tell me. My idea would be to use same tint but lighter color like #4db7db which is more readable (see below) but not perfect for accessibility:

Use case/motivation

The current color makes monitoring and debugging very annoying as it's unreadable. It is also a big issue regarding accessibility as color-blind people may not be able to guess the status name by the status color. As an argument, it was red flagged by Chrome Lighthouse when I ran a test on the webpage.

Related issues

No response

Are you willing to submit a PR?

• Yes I am willing to submit a PR!

Code of Conduct

• I agree to follow this project's Code of Conduct

[boring-cyborg]

Thanks for opening your first issue here! Be sure to follow the issue template! If you are willing to raise PR to address this issue please do so, no need to wait for approval.

[idantepper]

Hi, I would like to take this issue