Fix off-by-one errors in purple deprecated color dark mode aliases

What does this MR do?

Fix off-by-one errors in the dark mode color aliases for deprecated purple color tokens, as identified in the review of !5906 (merged).

The dark mode inversion for deprecated purple color tokens was off by one step compared to the pattern used for other colors (blue, green, orange, red). The correct inversion pattern maps each scale step N to its mirror (approximately 950-N):

Token Before After
purple.50 dark {color.purple.900} {color.purple.950}
purple.100 dark {color.purple.800} {color.purple.900}
purple.200 dark {color.purple.700} {color.purple.800}
purple.300 dark {color.purple.600} {color.purple.700}
purple.400 dark {color.purple.500} {color.purple.600}

This MR is a follow-up to !5906 (merged) and addresses #3472 (closed)

Screenshots or screen recordings

The CI pipeline will update the image snapshot for the deprecated dark purple tokens to reflect the corrected values.

Integrations

n/a

Does this MR meet the acceptance criteria?

Toggle the acceptance checklist

Conformity

  • The "What does this MR do?" section in the MR description is filled out, explaining the reasons for and scope of the proposed changes, per "Say why not just what".
  • Relevant label(s) are applied to the MR.
  • The MR is added to a milestone.
  • Added the ~"component:*" label(s) if applicable.
  • A changeset is added when this MR will do a patch, minor, or major update. More information can be found in doc/publishing-packages.md.

Components

  • GitLab UI's contributing guidelines.
  • If the MR changes a component's API, integration MR(s) have been opened (see integrations above).

Documentation

Security

  • Label as security and @ mention @gitlab-com/gl-security/appsec
  • Security reports checked/validated by a reviewer from the AppSec team

Accessibility

  • All actions and functionality can be done with a keyboard.
  • Links, buttons, and controls have a visible focus state.
  • All content is presented in text or with a text equivalent.
  • Changes in a component's state are announced by a screen reader.
  • Color combinations have sufficient contrast.
Edited by Dan MH

Merge request reports

Loading