Skip to content

Set default link color to blue-500

Simon Knox requested to merge psi-blues into master

What does this MR do and why?

Make all links $blue-500 by default, to match gl-link color.

  1. set $link-color variable (which bootstrap uses)
  2. remove our overrides that were setting link color to $blue-600

Fixes bug where gl-links look weird when near <a> tags

Look at these two links

Screen_Shot_2022-10-05_at_3.34.25_pm

Even more noticeable when hovering

Screen_Shot_2022-10-05_at_3.34.19_pm

Screenshots or screen recordings

Light mode, changes from #1068bf to #1f75cb Screen_Shot_2022-10-05_at_3.20.20_pm

Dark mode, changes from #63a6e9 to #428fdc Screen_Shot_2022-10-05_at_3.17.53_pm

How to set up and validate locally

  1. Browse some links
  2. Soak up the contrast and color balance

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Simon Knox

Merge request reports