doc: fix left nav color contrast

I believe this is the last change to make in the docs for color contrast accessibility per WCAG AA. Currently, the current item in the nav is #43853d on a #333333 background for a color contrast of 2.8:1, failing WCAG AA. This swaps in removes a confusing bottom border on the item, replacing it with bolding to preserve the item's highlighting. PR-URL: nodejs#35141 Reviewed-By: Daijiro Wachi <[email protected]> Reviewed-By: Benjamin Gruenbaum <[email protected]> Reviewed-By: Derek Lewis <[email protected]> Reviewed-By: Trivikram Kamat <[email protected]>
joesepi · Oct 22, 2020 · 3ff3383 · 3ff3383
1 parent ce37ed1
commit 3ff3383
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/doc/api_assets/style.css b/doc/api_assets/style.css
@@ -539,9 +539,8 @@ a code {
 #column2 ul li a.active,
 #column2 ul li a.active:hover,
 #column2 ul li a.active:focus {
-  color: #43853d;
-  border-radius: 0;
-  border-bottom: 1px solid #43853d;
+  font-weight: 700;
+  color: #fff;
   background-color: transparent;
 }