Skip to content

Refine/align coloring of body text and inline text links #697

@iamthomasbishop

Description

@iamthomasbishop

Current vs. Proposed

image

Body Text

Currently, all body-text (headings, paragraph text, image captions, etc) are set to #000000 (black), which is a bit too strong. To align with an upcoming colors refactor in the apps, let's align with that proposal of #1A1A1A aka $gray-900 – from this palette.

Inline Text Links

The color of inline text links is currently something around #027AFF (see left on example above). Let's switch to use $blue-500 (#016087) for alignment.

I've voiced a concern that this blue feels like it doesn't provide enough contrast against the $gray-900 text, especially when not underlined, but it's an improvement, and it passes color contrast tests on a white background.

Note: we aren't currently underlining text links on Android – we should change this for accessibility sake.

Punch List

  • Change body text to #1A1A1A aka $gray-900 in this palette
  • Change inline link color to #016087 aka $blue-500 in this palette
  • Force underline to links in Android

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions