Skip to content

Design management: Update status icons to design tokens

What does this MR do and why?

Design management: Update status icons to use design tokens

  • gl-text-green-500gl-fill-icon-success
  • gl-text-blue-500gl-fill-icon-info
  • gl-text-red-500gl-fill-icon-danger

The design token will map the color to the correct value for Darkmode.

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Before After
before after
before_dark after_dark
before_info after_info
before_dark_info after_dark_info
before_danger after_danger
before_dark_danger after_dark_danger

How to set up and validate locally

  1. Go to an issue and add a design, replace it and delete, e.g. http://gdk.test:3000/flightjs/Flight/-/issues/3

Related to #474922 (closed)

Edited by Sascha Eggenberger

Merge request reports

Loading