Merge pull request #241 from developit/link-color-a11y

Fix link :active/:hover color accessibility in the examples
preactjs · Jul 18, 2017 · 123cc8e · 123cc8e
2 parents 5c3aa46 + 969fb37
commit 123cc8e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/examples/full/src/components/header/style.css b/examples/full/src/components/header/style.css
@@ -34,15 +34,15 @@
 	text-align: center;
 	background: rgba(255,255,255,0);
 	text-decoration: none;
-	color: #EEE;
+	color: #FFF;
 	will-change: background-color;
 }
 
 .header nav a:hover,
 .header nav a:active {
-	background: rgba(255,255,255,0.3);
+	background: rgba(0,0,0,0.2);
 }
 
 .header nav a.active {
-	background: rgba(255,255,255,0.4);
+	background: rgba(0,0,0,0.4);
 }
diff --git a/examples/root/components/header/style.css b/examples/root/components/header/style.css
@@ -34,15 +34,15 @@
 	text-align: center;
 	background: rgba(255,255,255,0);
 	text-decoration: none;
-	color: #EEE;
+	color: #FFF;
 	will-change: background-color;
 }
 
 .header nav a:hover,
 .header nav a:active {
-	background: rgba(255,255,255,0.3);
+	background: rgba(0,0,0,0.2);
 }
 
 .header nav a.active {
-	background: rgba(255,255,255,0.4);
+	background: rgba(0,0,0,0.4);
 }