Skip to content

Use design token CSS custom properties from GitLab UI

Scott de Jonge requested to merge use-gitlab-ui-css-custom-properties into master

What does this MR do and why?

Remove CSS custom property imports from GitLab UI design tokens, these are now included in GitLab UI by default gitlab-ui!4289 (merged)

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

CleanShot_2024-06-21_at_10.42.31_2x

CleanShot_2024-06-21_at_10.39.58_2x

How to set up and validate locally

  1. View any page
  2. Inspect :root (<html>) element there should be all design tokens CSS custom properties
  3. Ensure that pages with page_bundle stylesheets that leverage CSS custom properties for dark mode work as intended
  4. Validate for light and dark modes

Merge request reports