Merge pull request #638 from rtfd/increase-color-accessibility

Accessibility improvements to the left nav
readthedocs · May 18, 2018 · 17ecdc6 · 17ecdc6
2 parents 77f003e + ece4866
commit 17ecdc6
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/docs/changelog.rst b/docs/changelog.rst
@@ -3,14 +3,15 @@
 Changelog
 *********
 
-master
+Master
 ======
 
 New Features
 -------------
 
 Fixes
 -----
+* Color accessibility improvements on the left navigation
 
 Other Changes
 --------------

diff --git a/sass/_theme_layout.sass b/sass/_theme_layout.sass
@@ -25,6 +25,7 @@
 
 .wy-menu-vertical
   width: $nav-desktop-width
+
   header, p.caption
     height: $base-font-size * 2
     display: inline-block
@@ -35,7 +36,6 @@
     font-weight: bold
     text-transform: uppercase
     font-size: 80%
-    color: $menu-dark
     white-space: nowrap
 
   ul
@@ -97,6 +97,8 @@
     border-top: solid 1px darken($menu-vertical-background-color, 20%)
 
   // This is the on state for pages beyond second level
+  li.toctree-l2 a, li.toctree-l3 a, li.toctree-l4 a
+    color: $menu-link-color
   li.toctree-l1.current li.toctree-l2, li.toctree-l2.current li.toctree-l3
     > ul
       display: none
@@ -261,6 +263,7 @@
   overflow-x: hidden
   overflow-y: hidden
   min-height: 100%
+  color: $menu-medium
   background: $nav-background-color
   z-index: $z-index-popover
 

diff --git a/sass/_theme_variables.sass b/sass/_theme_variables.sass
@@ -32,15 +32,15 @@ $menu-vertical-background-color:      $section-background-color
 // Menu text colors
 $menu-color:                          $gray
 $menu-dark:                           lighten($menu-color,10%) !default
-$menu-medium:                         lighten($menu-color,25%) !default
+$menu-medium:                         lighten($menu-color,27.5%) !default
 $menu-light:                          lighten($menu-color,45%) !default
 $menu-lighter:                        lighten($menu-color,60%) !default
 
 // Menu link colors
 $menu-link-color:                     $text-color
 $menu-link-dark:                      $text-dark
 $menu-link-medium:                    $text-medium
-$menu-link-light:                     $text-light
+$menu-link-light:                     $text-lighter
 $menu-link-active:                    $white
 
 // Navigation colors