Adapt pipeline meta link styling to use design token
Release notes
Problem to solve
The meta link styling on pipeline related pages do not use design token, which can be a barrier for adapting to dark mode.
Implementation guide
Use the design tokens background-color-strong (background) and text-color-subtle (text) for the following UI locations highlighted in pink in the screenshots above.
UI Locations / Code File
- Pipelines table
app/assets/javascripts/ci/pipelines_page/components/pipeline_url.vue - Pipeline header on pipeline detail view
app/assets/javascripts/ci/pipeline_details/header/pipeline_header.vue - Jobs table
app/assets/javascripts/ci/jobs_page/components/job_cells/job_cell.vue
Example implementation MRs:
Edited by Veethika Mishra