honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs: increase color contrast on elements in tutorial 

This increases the color contrast of elements in the tutorial (parts 1-6)
in order to meet WCAG 2.0 AA standards.
This commit is contained in:
Michael Head 2019-04-05 14:43:29 -04:00 committed by Miško Hevery
parent 8ce288a852
commit 1315d23aa4
15 changed files with 17 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
aio/content/examples/toh-pt0/src/styles.1.css
View File

@ -13,7 +13,7 @@ body {
margin: 2em; margin: 2em;
} }
body, input[type="text"], button { body, input[type="text"], button {
color: #888; color: #333;
font-family: Cambria, Georgia; font-family: Cambria, Georgia;
} }
/* everywhere else */ /* everywhere else */

2
aio/content/examples/toh-pt2/src/app/heroes/heroes.component.css
View File

@ -37,7 +37,7 @@
font-size: small; font-size: small;
color: white; color: white;
padding: 0.8em 0.7em 0 0.7em; padding: 0.8em 0.7em 0 0.7em;
background-color: #607D8B; background-color:#405061;
line-height: 1em; line-height: 1em;
position: relative; position: relative;
left: -1px; left: -1px;

2
aio/content/examples/toh-pt3/src/app/heroes/heroes.component.css
View File

@ -37,7 +37,7 @@
font-size: small; font-size: small;
color: white; color: white;
padding: 0.8em 0.7em 0 0.7em; padding: 0.8em 0.7em 0 0.7em;
background-color: #607D8B; background-color:#405061;
line-height: 1em; line-height: 1em;
position: relative; position: relative;
left: -1px; left: -1px;

2
aio/content/examples/toh-pt4/src/app/heroes/heroes.component.css
View File

@ -37,7 +37,7 @@
font-size: small; font-size: small;
color: white; color: white;
padding: 0.8em 0.7em 0 0.7em; padding: 0.8em 0.7em 0 0.7em;
background-color: #607D8B; background-color:#405061;
line-height: 1em; line-height: 1em;
position: relative; position: relative;
left: -1px; left: -1px;

2
aio/content/examples/toh-pt4/src/app/messages/messages.component.css
View File

@ -30,6 +30,6 @@ button:disabled {
cursor: auto; cursor: auto;
} }
button.clear { button.clear {
color: #888; color: #333;
margin-bottom: 12px; margin-bottom: 12px;
} }

3
aio/content/examples/toh-pt5/src/app/app.component.css
View File

@ -1,7 +1,6 @@
/* AppComponent's private CSS styles */ /* AppComponent's private CSS styles */
h1 { h1 {
font-size: 1.2em; font-size: 1.2em;
color: #999;
margin-bottom: 0; margin-bottom: 0;
} }
h2 { h2 {
@ -18,7 +17,7 @@ nav a {
border-radius: 4px; border-radius: 4px;
} }
nav a:visited, a:link { nav a:visited, a:link {
color: #607d8b; color: #334953;
} }
nav a:hover { nav a:hover {
color: #039be5; color: #039be5;

2
aio/content/examples/toh-pt5/src/app/dashboard/dashboard.component.css
View File

@ -34,7 +34,7 @@ h4 {
color: #eee; color: #eee;
max-height: 120px; max-height: 120px;
min-width: 120px; min-width: 120px;
background-color: #607d8b; background-color: #3f525c;
border-radius: 2px; border-radius: 2px;
} }
.module:hover { .module:hover {

4
aio/content/examples/toh-pt5/src/app/heroes/heroes.component.css
View File

@ -22,7 +22,7 @@
} }
.heroes a { .heroes a {
color: #888; color: #333;
text-decoration: none; text-decoration: none;
position: relative; position: relative;
display: block; display: block;
@ -38,7 +38,7 @@
font-size: small; font-size: small;
color: white; color: white;
padding: 0.8em 0.7em 0 0.7em; padding: 0.8em 0.7em 0 0.7em;
background-color: #607D8B; background-color:#405061;
line-height: 1em; line-height: 1em;
position: relative; position: relative;
left: -1px; left: -1px;

2
aio/content/examples/toh-pt5/src/app/messages/messages.component.css
View File

@ -30,6 +30,6 @@ button:disabled {
cursor: auto; cursor: auto;
} }
button.clear { button.clear {
color: #888; color: #333;
margin-bottom: 12px; margin-bottom: 12px;
} }

3
aio/content/examples/toh-pt6/src/app/app.component.css
View File

@ -1,7 +1,6 @@
/* AppComponent's private CSS styles */ /* AppComponent's private CSS styles */
h1 { h1 {
font-size: 1.2em; font-size: 1.2em;
color: #999;
margin-bottom: 0; margin-bottom: 0;
} }
h2 { h2 {
@ -18,7 +17,7 @@ nav a {
border-radius: 4px; border-radius: 4px;
} }
nav a:visited, a:link { nav a:visited, a:link {
color: #607D8B; color: #334953;
} }
nav a:hover { nav a:hover {
color: #039be5; color: #039be5;

2
aio/content/examples/toh-pt6/src/app/dashboard/dashboard.component.css
View File

@ -34,7 +34,7 @@ h4 {
color: #eee; color: #eee;
max-height: 120px; max-height: 120px;
min-width: 120px; min-width: 120px;
background-color: #607D8B; background-color: #3f525c;
border-radius: 2px; border-radius: 2px;
} }
.module:hover { .module:hover {

2
aio/content/examples/toh-pt6/src/app/hero-search/hero-search.component.html
View File

@ -1,5 +1,5 @@
<div id="search-component"> <div id="search-component">
<h4>Hero Search</h4> <h4><label for="search-box">Hero Search</label></h4>
<!-- #docregion input --> <!-- #docregion input -->
<input #searchBox id="search-box" (input)="search(searchBox.value)" /> <input #searchBox id="search-box" (input)="search(searchBox.value)" />

4
aio/content/examples/toh-pt6/src/app/heroes/heroes.component.css
View File

@ -22,7 +22,7 @@
} }
.heroes a { .heroes a {
color: #888; color: #333;
text-decoration: none; text-decoration: none;
position: relative; position: relative;
display: block; display: block;
@ -38,7 +38,7 @@
font-size: small; font-size: small;
color: white; color: white;
padding: 0.8em 0.7em 0 0.7em; padding: 0.8em 0.7em 0 0.7em;
background-color: #607D8B; background-color:#405061;
line-height: 1em; line-height: 1em;
position: relative; position: relative;
left: -1px; left: -1px;

2
aio/content/examples/toh-pt6/src/app/messages/messages.component.css
View File

@ -30,6 +30,6 @@ button:disabled {
cursor: auto; cursor: auto;
} }
button.clear { button.clear {
color: #888; color: #333;
margin-bottom: 12px; margin-bottom: 12px;
} }

2
aio/tools/examples/shared/boilerplate/common/src/styles.css
View File

@ -13,7 +13,7 @@ body {
margin: 2em; margin: 2em;
} }
body, input[text], button { body, input[text], button {
color: #888; color: #333;
font-family: Cambria, Georgia; font-family: Cambria, Georgia;
} }
a { a {