Skip to content

Commit

Permalink
(less) Darken @Gray-Light to meet accessibility guidelines
Browse files Browse the repository at this point in the history
`@gray-light` darkens from twbs#999 to twbs#777, which puts `.text-muted` at the
threshold for the 4.5:1 WCAG minimum contrast[1]. twbs#777:#fff is 4.48:1.

The “Example” headers in docs become #959595, which is contrast ratio
3:1, the minimum for larger text. Since the headers are less important
than the surrounding text, 3:1 is fine and an improvement on the
previous #bbb:#fff (1.92:1).

Fixes issue twbs#13847.

[1] http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html
  • Loading branch information
ssorallen committed Jun 18, 2014
1 parent 5f638b9 commit efc44cc
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion variables.less
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
@gray-darker: lighten(#000, 13.5%); // #222
@gray-dark: lighten(#000, 20%); // #333
@gray: lighten(#000, 33.5%); // #555
@gray-light: lighten(#000, 60%); // #999
@gray-light: lighten(#000, 46.7%); // #777
@gray-lighter: lighten(#000, 93.5%); // #eee

@brand-primary: #428bca;
Expand Down

0 comments on commit efc44cc

Please sign in to comment.