Skip to content

Identicon - Align GitLab UI Colors

Zack Cuddy requested to merge 334710-update-identicon-colors into master

What does this MR do?

Closes #334710 (closed)
GitLab side change for gitlab-ui!2255 (merged)

This change attempts to refactor the Identicon color pallet with being minimally invasive. I think it will make sense in the future to move the Identicon component completely into GitLab UI.

Screenshots (strongly suggested)

Color Before After
Red (1) Red_Before Screen_Shot_2021-06-29_at_3.48.39_PM
Purple (2) Purple_Before Screen_Shot_2021-06-29_at_3.48.44_PM
Indigo (3) Indigo_Before Screen_Shot_2021-06-29_at_3.48.50_PM
Blue (4) Blue_Before Screen_Shot_2021-06-29_at_3.48.56_PM
Green (5) Green_Before Screen_Shot_2021-06-29_at_3.49.08_PM
Orange (6) Orange_Before Screen_Shot_2021-06-29_at_3.49.14_PM
Gray (7) Gray_Before Screen_Shot_2021-06-29_at_3.49.21_PM

How to validate UI

GitLab.org implementation

  1. Go to GDK home page
  2. Click the "Menu" in the top left of the nav bar
  3. Search Projects/Groups and note the colors of the Identicons

GitLab UI implementation

  1. Go to GDK home page
  2. Search something in the "Search GitLab" bar in top right of the nav bar
  3. Once redirected, click the Groups/Projects dropdowns and note the colors of the Identicons

In both cases the Identicon colors should now match each other.

Does this MR meet the acceptance criteria?

Conformity

Availability and Testing

Security

Does this MR contain changes to processing or storing of credentials or tokens, authorization and authentication methods or other items described in the security review guidelines? If not, then delete this Security section.

  • [-] 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

Related to #334710 (closed)

Edited by Zack Cuddy

Merge request reports