Color contrast: audit all the oranges (colors!)

[afercia]

See related #31713.

Orange is a difficult color and ​is hard to contrast to a sufficient level. Additionally, sometimes it's used on light gray backgrounds, e.g. the zebra-striped table rows.

Wondering if the best choice would be to simply use a different color.

See screenshot below with some examples:

[afercia]

More oranges-ish (almost reds) that need to be updated:

[afercia]

Needs a design decision about the color/s to use as a replacement for the oranges.

[afercia]

No decision about the new colors to use yet and tomorrow is beta 4 day so, punting.

[afercia]

In 37611:

Accessibility: improve the color contrast in the Edit Comment "Status" box.

The current orange and red used for the radio button labels in the Edit Comment
"Status" box don't have a sufficient color contrast ratio with the background.
Removing the colors improves accessibility and consistency.

See #35659, #35622.
Fixes #36967.

[kekkakokkers]

Unapprove link

[kekkakokkers]

Approve link

[kekkakokkers]

Im going to adress #d98500 used for unapprove link comments

Please see attachments: unapprove.png and approve.png

My suggestion is to remove the accent colors orange and green, and use two standard link colors: blue for Reply, Quick Edit and Edit , and red for Unapprove, Spam and Trash.

• There is a mix of actions and status changes, and hitting Reply on an unapproved comment will actually Reply and approve
• Both the orange and green is only used in this specific screen, and by removing these there will be less color combinations to validate for contrast
• Action links will be consistent with correspondent links for post and pages