1188811 - [ Styleguide ] Color contrast of links in FxOS section

Status: RESOLVED FIXED

(www.mozilla.org :: Pages & Content, defect)

Description

[Schalk Neethling [:espressive]]

Attachment: Blue links

The blue colored links on the dark background for the FxOS pages is really hard to read. This should be changed to a higher contrast such as perhaps using the light grey color from the main palette, and setting `text-decoration` to `underline`

Comment 1

[Schalk Neethling [:espressive]]

Attachment: Light grey with underline

Comment 2

[Jennifer Bertsch [:jbertsch]]

Ty?  Thoughts?

Comment 3

[Ty Flanagan]

Looks like that blue link color is for the 'visited' and 'hover' link states. If the normal link color of "#0095dd" still feels too stark, then lets change the link color for all states for that darker theme to "#00C7EF". Just make sure changing the colors doesnt affect the lighter sandstone theme.

Comment 4

[Schalk Neethling [:espressive]]

Attachment: Winner \o/

Comment 5

[Schalk Neethling [:espressive]]

Attachment: Link to Github pull-request: https://github.com/mozilla/bedrock/pull/3324

Comment 6

[Schalk Neethling [:espressive]]

The new link style color has been added in the above pull request but, we now loose the visited styling we had before as mentioned by Alex. I suggested we use the Light Gray [#f4f4f4] color for the visited state. Thoughts?

Comment 7

[Ty Flanagan]

Im not so worried about visited link states on this site given that its not a link heavy site.

Comment 8

[[github robot]]

Commits pushed to master at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/0af30b8ed503423b32a45f85850f80d46ca719aa
Fix Bug 1188811, fix color contrast of links in fxos styleguide

https://github.com/mozilla/bedrock/commit/1816dc37f9140c6976d2c14f186ad613f61d7eb2
Merge pull request #3324 from schalkneethling/bug1188811-color-contrast-of-links-fxos-style-guide

Fix Bug 1188811, fix color contrast of links in fxos styleguide