Skip to content

Migrate text variables to design tokens in sidebars

Sascha Eggenberger requested to merge mr-sidebar-text-color-migration into master

What does this MR do and why?

Migrates text values to their design token counterpart

  • gl-text-gray-500 → gl-text-subtle
  • gl-text-gray-800 → gl-text-subtle
  • gl-text-gray-900 → gl-text-default
  • gl-text-secondary → gl-text-subtle
  • gl-text-primary → gl-text-default

Migrate text variables to design tokens in sidebars. As some templates are shared across I added them all to a single MR. If it's too big of an MR we can also split it up.

References

Please include cross links to any resources that are relevant to this MR This will give reviewers and future readers helpful context to give an efficient review of the changes introduced.

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
Merge request
before3 after3
before3_dark after3_dark
Issuables
before2 after2
before2_dark after2_dark
Work items
before after
before_dark after_dark

How to set up and validate locally

  1. Go to an MR (e.g. http://gdk.test:3000/flightjs/Flight/-/work_items/5)
  2. Go to an issue (e.g. http://gdk.test:3000/flightjs/Flight/-/merge_requests/5)
  3. Go to an work item (e.g. http://gdk.test:3000/flightjs/Flight/-/issues/5)

Related to #474922 (closed)

Edited by Sascha Eggenberger

Merge request reports