Skip to content

Replace $gray-700 hex value and replace with $gray-500

What does this MR do?

  • Update $gray-700 hex value #707070 in variables.scss to match #525252 in gitlab-ui.
  • Find/replace all $gray-700 with $gray-500.

CleanShot_2020-08-06_at_08.07.32_2x

Purpose

The hex values for nearly all color variables were updated in GitLab UI to a) normalize contrast ratios from hue to hue, so for example, $blue-500 and $orange-500 both have ~4.5:1 contrast ratio on $gray-10, and b) ensure the palette is set up for accessibility success. Read gitlab-ui#627 (closed) for more.

Out of scope

This MR will not cover:

Does this MR meet the acceptance criteria?

Conformity

Availability and Testing

N/A

Security

N/A

Closes #224122 (closed)

Edited by Jeremy Elder

Merge request reports