Skip to content
This repository has been archived by the owner on Mar 22, 2019. It is now read-only.

Color Palette #3146

Open
6 tasks
MelSumner opened this issue Jan 8, 2018 · 4 comments
Open
6 tasks

Color Palette #3146

MelSumner opened this issue Jan 8, 2018 · 4 comments

Comments

@MelSumner
Copy link
Contributor

MelSumner commented Jan 8, 2018

Goal:
Design an accessible, aesthetically pleasing color palette for the website.

Acceptance Criteria:

  • Ember orange (E04E39) as the primary color
  • White (#fdfdfd) & Black (#212121)
  • Must pass color contrast tests (use https://webaim.org/resources/contrastchecker/ or similar)
  • no arbitrarily named colors should be used
  • naming convention must be consistent. For example:
$orange: #e04e39;
$orange-darker: darken($orange, 10);
$orange-darkest: darken($orange, 20);
$orange-lighter: lighten($orange, 10);
$orange-lightest: lighten($orange, 40);

To submit a palette for consideration:

Screenshot:
image

@kennethlarsen
Copy link
Member

Is the aim to pass WCAG AA or WCAG AAA in terms of color contrast?

@MelSumner
Copy link
Contributor Author

@kennethlarsen AA

@amyrlam
Copy link
Member

amyrlam commented Oct 18, 2018

Let's put this improvement in https://github.com/ember-learn/ember-styleguide instead, per the conversation on #3613. I updated the issue summary above.

Thanks @ctcpip for getting this started! 😄

@milandimun
Copy link

Hi @MelSumner is it still open ? I could work on this.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants