Skip to content

Resolve "Badge counter: Very low contrast between foreground and background colors"

What does this MR do?

This darkens the text color of the counter badge to increase contrast and surpass the minimum 4.5:1 contrast ration for WCAG SC 1.4.3. This does not impact any other states of the counter than the default state.

Before After
Before After
$gl-text-color-secondary: #707070; $gray-800: #4f4f4f;

Conformity

Performance and Testing

Security

If this MR contains changes to processing or storing of credentials or tokens, authorization and authentication methods and other items described in the security review guidelines:

  • ~~Label as security and @ mention @gitlab-com/gl-security/appsec~~
  • The MR includes necessary changes to maintain consistency between UI, API, email, or other methods
  • Security reports checked/validated by a reviewer from the AppSec team

Closes #62373 (closed)

Edited by Jeremy Elder

Merge request reports