Overview

Due to the fact that the value for the variable –accent-9 is using transparency for the chosen green color color(display-p3 0 0.455 0.165 / 0.667) it is impossible to calculate the exact color contrast with https://www.oddcontrast.com/ - instead a color picker had to be used. The background color picked is #56a16f, the label for the pill is #ffffff. The resulting color contrast is 3.16, the required minimum is a contrast of 4.5:1

the drupal canvas top bar with a resources select and a green published pill right next to it and a color contrast checking window with the foreground color in green and an background color in white

Discussed and worked on the issue with @itmaybejj and @the_g_bomb

Proposed resolution

Increase the color contrast for the label of the published pill against the background of the published pill to at least 4.5.:1. When updating try to ensure that the new shade of green keeps a color contrast of 3:1 against the background of the topbar.

User interface changes

CommentFileSizeAuthor
pill.jpg32.04 KBrkoller

Comments

rkoller created an issue.