From a05c12a2dd4652b1396fd2659f2cd3ea1f37faba Mon Sep 17 00:00:00 2001
From: Sebastian Crane <seabass-labrax@gmx.com>
Date: Tue, 21 Sep 2021 21:43:07 +0100
Subject: [PATCH] Improve contrast of the specification website

This commit improves the styling of the specification website in order
to meet Level AAA of the Web Content Accessibility Guidelines (WCAG) for
contrast. To this end, this commit modifies the custom CSS file that
overrides some properties of the readthedocs theme for MkDocs:

- Change light blue, orange (monospace) and grey text to the dark blue
of the SPDX logo, and darken the purple text of visited links

- Increase the font size of the footer text

- Change the 'previous' and 'next' links in the section sidebar from
white on light blue to dark blue on white

Signed-off-by: Sebastian Crane <seabass-labrax@gmx.com>
---
 chapters/css/style.css | 42 +++++++++++++++---------------------------
 1 file changed, 15 insertions(+), 27 deletions(-)

diff --git a/chapters/css/style.css b/chapters/css/style.css
index a382621fc9..a4ecd02480 100644
--- a/chapters/css/style.css
+++ b/chapters/css/style.css
@@ -21,7 +21,7 @@
   color: #58595b;
 }
 
-.wy-nav-side {
+.wy-nav-side, .rst-versions .rst-current-version {
   background-color: rgb(250, 250, 250);
 }
 
@@ -30,16 +30,20 @@
 }
 
 .wy-breadcrumbs li, .wy-breadcrumbs li a {
-  color: #4597cb !important;
+  color: #00416b !important;
+}
+
+.wy-menu-vertical>ul>li>a {
+  color: #515151;
 }
 
 .wy-menu-vertical li.on a:hover,.wy-menu-vertical li.current>a {
-  background: #4597cb;
+  background: #00416b;
   color: white !important;
 }
 
 .wy-menu-vertical li.on a:hover,.wy-menu-vertical li>a:hover {
-  background: #4597cb !important;
+  background: #00416b !important;
   color: white !important;
 }
 
@@ -51,24 +55,16 @@
   color: #58595b;
 }
 
-.rst-versions {
-  background: #f7f7f7;
+.rst-versions a {
+  color: #00416b !important;
 }
 
-.rst-versions .rst-current-version {
-  background: #4597cb;
-}
-
-div.section a, div.section a:visited {
-  color: #4597cb !important;
-}
-
-h1, h2, h3 {
-  color: #4597cb;
+h1, h2, h3, a {
+  color: #00416b;
 }
 
 code {
-  color: rgb(51, 51, 51);
+  color: #00416b !important;
 }
 
 code, .rst-content tt {
@@ -100,23 +96,15 @@ pre code {
 }
 
 footer {
-  font-size: .6em;
-  color: #d3d3d3;
+  font-size: 1em;
+  color: #515151;
 }
 
 footer a.btn {
   box-shadow: none;
 }
 
-footer div[role=contentinfo] p {
-   font-size: 1.2em;
-}
-
 footer .rst-footer-buttons {
   font-size: 16px;
   color: rgb(64, 64, 64);
 }
-
-footer>a, footer>a:visited {
-  color: #d3d3d3 !important;
-}
\ No newline at end of file