Skip to content
This repository was archived by the owner on Dec 4, 2017. It is now read-only.

Commit e2ec60d

Browse files
alexwolfenaomiblack
alexwolfe
authored and
naomiblack
committed
udpate colors and contrast for accessibility improvements
1 parent a0dbeee commit e2ec60d

File tree

13 files changed

+44
-117
lines changed

13 files changed

+44
-117
lines changed

‎public/docs/dart/latest/_data.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
"title": "Angular Docs",
55
"subtitle": "Dart",
66
"menuTitle": "Docs Home",
7-
"banner": "Current release is <strong>beta.21</strong>. Consult the <a href='https://github.com/dart-lang/angular2/blob/master/CHANGELOG.md' target='_blank'>Change Log</a> about recent enhancements, fixes, and breaking changes."
7+
"banner": "Current release is <strong>beta.21</strong>. View the <a href='https://github.com/dart-lang/angular2/blob/master/CHANGELOG.md' target='_blank'>change Log</a> to see enhancements, fixes, and breaking changes."
88
},
99

1010
"quickstart": {

‎public/docs/js/latest/_data.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
"title": "Angular Docs",
55
"subtitle": "JavaScript",
66
"menuTitle": "Docs Home",
7-
"banner": "The current release is <b>2.0.0</b>. View the <a href='https://github.com/angular/angular/blob/master/CHANGELOG.md' target='_blank'> Change Log</a> for enhancements, fixes, and breaking changes."
7+
"banner": "Angular 2 release is <b>2.0.0</b>. View the <a href='https://github.com/angular/angular/blob/master/CHANGELOG.md' target='_blank'>change Log</a> to see enhancements, fixes, and breaking changes."
88
},
99

1010
"quickstart": {

‎public/docs/ts/latest/_data.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
"title": "Angular Docs",
55
"subtitle": "TypeScript",
66
"menuTitle": "Docs Home",
7-
"banner": "Welcome to <b>Angular in TypeScript</b>! The current Angular 2 release is <b>2.0.0</b>. Please consult the <a href='https://github.com/angular/angular/blob/master/CHANGELOG.md' target='_blank'> Change Log</a> about recent enhancements, fixes, and breaking changes."
7+
"banner": "Angular 2 release is <b>2.0.0</b>. View the <a href='https://github.com/angular/angular/blob/master/CHANGELOG.md' target='_blank'>change Log</a> to see enhancements, fixes, and breaking changes."
88
},
99

1010
"cli-quickstart": {

‎public/resources/css/base/_type.scss

Lines changed: 5 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ body {
88
font-family: $brand-font;
99
font-size: 14px;
1010
color: $blue-grey-600;
11+
1112
&.ng-cloak {
1213
display: none;
1314
}
@@ -25,7 +26,7 @@ body {
2526
}
2627

2728
a {
28-
color: $blue-600;
29+
color: $blue-700;
2930
text-decoration: none;
3031

3132
&:hover {
@@ -35,10 +36,10 @@ a {
3536
}
3637

3738
code {
38-
background: $blue-grey-50;
39+
background: rgba($blue-grey-50, .56);
3940
border-radius: 2px;
4041
font-family: $mono-font;
41-
color: $teal-500;
42+
color: $teal-700;
4243
padding: 0px 4px;
4344
font-size: 90%;
4445
}
@@ -102,7 +103,6 @@ code {
102103
margin: 0px 0px ($unit * 2) 0px;
103104
font-size: 34px;
104105
font-weight: 400;
105-
opacity: .87;
106106
line-height: 40px;
107107
}
108108

@@ -111,7 +111,6 @@ code {
111111
margin: 0px 0px ($unit * 2) 0px;
112112
font-size: 24px;
113113
font-weight: 400;
114-
opacity: .87;
115114
line-height: 32px;
116115
}
117116

@@ -120,7 +119,6 @@ code {
120119
margin: 0px 0px ($unit * 2) 0px;
121120
font-size: 20px;
122121
font-weight: 500;
123-
opacity: .87;
124122
line-height: 32px;
125123
}
126124

@@ -129,7 +127,6 @@ code {
129127
font-size: 34px;
130128
line-height: 40px;
131129
margin: ($unit * 6) 0 ($unit * 3) 0;
132-
opacity: 0.87;
133130

134131
&:first-of-type {
135132
margin-top: 0;
@@ -169,7 +166,6 @@ table th,
169166
margin: 0px 0px ($unit * 3) 0px;
170167
font-size: 16px;
171168
font-weight: 400;
172-
opacity: .87;
173169
line-height: 28px;
174170
padding: 0;
175171

@@ -187,28 +183,25 @@ table th,
187183
table td {
188184
font-size: 14px;
189185
font-weight: 400;
190-
opacity: .87;
191186
line-height: 24px;
192187
}
193188

194189
.text-caption {
195190
margin: 0px 0px ($unit * 2) 0px;
196191
font-size: 12px;
197192
font-weight: 400;
198-
opacity: .54;
199193
line-height: 20px;
200194
}
201195

202196
.text-aside,
203197
.docs-content aside {
204198
@extend .text-caption;
205-
box-shadow: 0 2px 2px rgba($black, 0.24), 0 0 2px rgba($black, 0.12);
199+
background: rgba($blue-grey-50, .24);
206200
color: $blue-grey-700;
207201
font-weight: 400;
208202
font-size: 13px;
209203
line-height: 24px;
210204
opacity: 1;
211-
background: rgba($blue-grey-50, .56);
212205
border-radius: 2px;
213206
padding: $unit * 3;
214207
margin-bottom: $unit * 2;

‎public/resources/css/module/_banner.scss

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,5 +27,7 @@
2727
p, .text-body {
2828
color: $blue-grey-500;
2929
font-size: 18px;
30+
line-height: 32px;
31+
margin: 0;
3032
}
3133
}

‎public/resources/css/module/_card.scss

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,11 @@
1+
/*
2+
* Hover Cards
3+
*
4+
* Hover cards used to display important sections with
5+
* additional information and allow for users to click
6+
* on the entire card to initiate action.
7+
*/
8+
19
.card {
210
background: $white;
311
border-radius: 4px;
@@ -34,7 +42,7 @@
3442

3543

3644
h2 {
37-
color: $blue-grey-600;
45+
color: $blue-grey-500;
3846
font-size: 20px;
3947
font-weight: 400;
4048
line-height: $unit * 3;

‎public/resources/css/module/_code-box.scss

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
*/
1212

1313
$codebox-anti-pattern-color: $red-700;
14-
$codebox-primary-color: $blue-600;
14+
$codebox-primary-color: $blue-700;
1515
$codebox-selected: $white;
1616

1717

@@ -48,12 +48,13 @@ $codebox-selected: $white;
4848
line-height: $unit * 3;
4949
margin: 0;
5050
outline: none;
51+
opacity: 1;
5152
padding: 0 0 $unit $unit;
5253
text-transform: none;
5354
}
5455

5556
nav button {
56-
background: $blue-400;
57+
background: $blue-600;
5758
border-radius: 2px 2px 0 0;
5859
color: $white;
5960
font-size: 13px;

‎public/resources/css/module/_code.scss

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -149,16 +149,16 @@ $prettyprint-color: $blue-grey-700;
149149
}
150150
.str,
151151
.atv {
152-
color: $teal-600;
152+
color: $teal-700;
153153
}
154154
.atn {
155-
color: $teal-600;
155+
color: $teal-700;
156156
}
157157
.com {
158-
color: $teal-600;
158+
color: $teal-700;
159159
}
160160
.lit {
161-
color: $teal-600;
161+
color: $teal-700;
162162
}
163163
.pun {
164164
color: $blue-grey-700;
@@ -167,7 +167,7 @@ $prettyprint-color: $blue-grey-700;
167167
color: $blue-grey-700;
168168
}
169169
.dec {
170-
color: $teal-600;
170+
color: $teal-700;
171171
}
172172

173173

@@ -193,16 +193,16 @@ $prettyprint-color: $blue-grey-700;
193193
}
194194
.str,
195195
.atv {
196-
color: $teal-600;
196+
color: $teal-700;
197197
}
198198
.atn {
199-
color: $teal-600;
199+
color: $teal-700;
200200
}
201201
.com {
202-
color: $teal-600;
202+
color: $teal-700;
203203
}
204204
.lit {
205-
color: $teal-600;
205+
color: $teal-700;
206206
}
207207
.pun {
208208
color: $blue-grey-700;
@@ -211,7 +211,7 @@ $prettyprint-color: $blue-grey-700;
211211
color: $blue-grey-700;
212212
}
213213
.dec {
214-
color: $teal-600;
214+
color: $teal-700;
215215
}
216216
}
217217
}

‎public/resources/css/module/_hero.scss

Lines changed: 1 addition & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,6 @@
3030
float: left;
3131
line-height: 48px;
3232
margin: 0 $unit 0 0;
33-
opacity: .87;
3433
text-transform: uppercase;
3534

3635
&.is-standard-case {
@@ -43,7 +42,6 @@
4342
font-weight: 400;
4443
line-height: $unit * 3;
4544
margin: 0;
46-
opacity: .87;
4745
text-transform: uppercase;
4846
}
4947

@@ -113,73 +111,4 @@
113111
}
114112
}
115113
}
116-
117-
118-
119-
120-
/*
121-
* Badges
122-
*/
123-
124-
.hero-title-with-badges {
125-
margin-bottom: $unit;
126-
}
127-
.status-circle {
128-
margin-right: 4px;
129-
border-radius: 50%;
130-
width: 10px;
131-
height: 10px;
132-
display: inline-block;
133-
}
134-
// status-*, will be matched by the results in addJadeDataDocsProcessor.js, and reflect in _hero.jade
135-
.status-deprecated {
136-
background: #E53935;
137-
}
138-
.status-stable {
139-
background: #558b2f;
140-
}
141-
.status-experimental {
142-
background: #9575cd;
143-
}
144-
145-
146-
.badges {
147-
display: flex;
148-
justify-content: flex-start;
149-
align-content: space-around;
150-
align-items: center;
151-
152-
margin-top: 4px;
153-
154-
.status-badge {
155-
color: #0143A3;
156-
margin-left: 4px;
157-
padding-left: 8px;
158-
padding-right: 8px;
159-
background-color: rgba(255,255,255,0.5);
160-
border-radius: 2px;
161-
line-height: 20px;
162-
display: inline-block;
163-
164-
&:first-child {
165-
margin-left: 0;
166-
}
167-
}
168-
169-
.security-risk-badge {
170-
background-color: #FFF59D;
171-
}
172-
}
173-
174-
@media screen and (max-width: 599px) {
175-
/* three items */
176-
.badges .status-badge:nth-child(3) {
177-
margin-left: 0;
178-
margin-top: 4px;
179-
}
180-
181-
.hero-title-with-badges {
182-
margin-bottom: $unit * 2;
183-
}
184-
}
185-
}
114+
}

‎public/resources/css/module/_home-promos.scss

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,6 @@
1212
h3.text-headline {
1313
font-size: 28px;
1414
margin-top: 10px;
15-
color: #37474F;
1615
}
1716

1817
.promo-image-container, .text-container {

‎public/resources/css/module/_lists.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
margin-top: $unit * 6;
1616

1717
h4 {
18-
color: $blue-grey-400;
18+
color: $blue-grey-500;
1919
font-size: 14px;
2020
font-weight: 400;
2121
line-height: $unit * 4;

‎public/resources/css/module/_side-nav.scss

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,10 @@
1010
*/
1111

1212
$sidenav: '.sidenav'; // Classname
13-
$sidenav-background: $blue-grey-50;
13+
$sidenav-background: rgba($blue-grey-50, .56);
1414
$sidenav-background-dark: $blue-grey-200;
15-
$sidenav-color: $blue-grey-400;
16-
$sidenav-color-selected: $blue-600;
15+
$sidenav-color: $blue-grey-500;
16+
$sidenav-color-selected: $blue-700;
1717
$sidenav-width: 240px;
1818

1919

@@ -191,7 +191,7 @@ $sidenav-width: 240px;
191191
position: relative;
192192

193193
&.is-selected {
194-
background: rgba($blue-grey-100, .56);
194+
background: rgba($blue-grey-100, .24);
195195
color: $sidenav-color-selected;
196196
font-weight: 600;
197197
}

0 commit comments

Comments
 (0)