improve contrast ratio in debugger-ui dark mode (#20559)

lgraubner · facebook-github-bot · commit 8dc209a52341 · 2018-08-24T02:32:29.000-07:00
Summary: The font colors in the debugger-ui dark mode are not accessible. This PR ensures [Level AAA Conformance to Web Content Accessibility Guidelines 2.0](https://www.w3.org/WAI/WCAG2AAA-Conformance) which makes it better to read for everyone. Pull Request resolved: #20559 Differential Revision: D9495584 Pulled By: hramos fbshipit-source-id: 1a9bdd015935fb27e2d74d2399e687787282a987
diff --git a/local-cli/server/util/debugger-ui/index.html b/local-cli/server/util/debugger-ui/index.html
@@ -247,10 +247,10 @@
   }
   body.dark {
     background-color: #242424;
-    color: #666;
+    color: #afafaf;
   }
   .dark .shortcut {
-    color: #777;
+    color: #c1c1c1;
   }
   .dark a {
     color: #3b99fc;

Original file line number	Diff line number	Diff line change
`@@ -247,10 +247,10 @@`
`247`	`247`	`}`
`248`	`248`	`body.dark {`
`249`	`249`	`background-color: #242424;`
`250`		`- color: #666;`
	`250`	`+ color: #afafaf;`
`251`	`251`	`}`
`252`	`252`	`.dark .shortcut {`
`253`		`- color: #777;`
	`253`	`+ color: #c1c1c1;`
`254`	`254`	`}`
`255`	`255`	`.dark a {`
`256`	`256`	`color: #3b99fc;`