Infra: Mute table zebra stripes to de-emphasise different rows (#2740)

* Infra: Mute table zebra stripes to de-emphasise different rows

* Infra: change #eee to #ddd

Author: hugovk

pep_sphinx_extensions/pep_theme/static/style.css

@@ -33,7 +33,8 @@
 /* Set master colours */
 :root {
     --colour-background: var(--light, white) var(--dark, #011);
-    --colour-background-accent: var(--light, #ccc) var(--dark, #333);
+    --colour-background-accent-strong: var(--light, #ccc) var(--dark, #333);
+    --colour-background-accent-light: var(--light, #ddd) var(--dark, #222);
     --colour-text: var(--light, #333) var(--dark, #ccc);
     --colour-links: var(--light, #069) var(--dark, #8bf);
     --colour-links-light: var(--light, #057) var(--dark, #acf);
@@ -116,7 +117,7 @@ a:visited {
     display: inline;
     overflow-wrap: break-word;
     overflow-wrap: anywhere;
-    text-decoration-color: var(--colour-background-accent);
+    text-decoration-color: var(--colour-background-accent-strong);
 }
 a:hover,
 a:focus {
@@ -225,14 +226,14 @@ div.table-wrapper {
 table {
     width: 100%;
     border-collapse: collapse;
-    border-top: 1px solid var(--colour-background-accent);
-    border-bottom: 1px solid var(--colour-background-accent);
+    border-top: 1px solid var(--colour-background-accent-light);
+    border-bottom: 1px solid var(--colour-background-accent-light);
 }
 table caption {
     margin: 1rem 0 .75rem;
 }
 table tbody tr:nth-of-type(odd) {
-    background-color: var(--colour-background-accent);
+    background-color: var(--colour-background-accent-light);
 }
 table th,
 table td {
@@ -294,7 +295,7 @@ ul.breadcrumbs a {
 
 /* Admonitions rules */
 div.admonition {
-    background-color: var(--colour-background-accent);
+    background-color: var(--colour-background-accent-strong);
     margin-bottom: 1rem;
     margin-top: 1rem;
     padding: 0.5rem 0.75rem;