docs: nicer dark mode

Author: bennypowers

docs/_assets/theme.css

@@ -3,14 +3,16 @@ html {
   --button-one: #2758ff;
   --button-two-hover: #444;
   --button-two: black;
-  --code-button-background: var(--markdown-table-row-odd-background-color);
   --code-button-focus-background: var(--markdown-syntax-background-color);
+  --code-button-background: var(--markdown-table-row-odd-background-color);
   --code-tabs-tabs-background: var(--page-background);
   --contrast-color-dark: #1d3557;
   --contrast-color-light: #fff;
   --footer-background: rgba(0, 0, 0, 0.02);
   --header-color: white;
   --markdown-link-color: #2758ff;
+  --markdown-syntax-background-color: #f9f9f9;
+  --markdown-table-row-odd-background-color: #efefef;
   --owc-active-color: #2758ff;
   --owc-hover-color: #436eff;
   --page-background: white;
@@ -58,9 +60,9 @@ html {
     --markdown-kbd-border-bottom-color: #959da5;
     --markdown-kbd-color: #444d56;
     --markdown-heading-color-6: #6a737d;
-    --markdown-table-border-color: #c6cbd1;
-    --markdown-table-background-color: #212121;
-    --markdown-table-row-odd-background-color: var(--markdown-syntax-background-color);
+    --markdown-table-background-color: var(--markdown-syntax-background-color);
+    --markdown-table-row-odd-background-color: var(--markdown-kbd-color);
+    --markdown-table-border-color: transparent;
     --markdown-code-background-color: rgba(27, 31, 35, 0.05);
     --markdown-pre-background-color: rgb(49, 49, 49);
 
@@ -94,9 +96,6 @@ html {
     --markdown-syntax-variable-color: #81a1c1;
     --markdown-syntax-hotkey-selector-color: #d73a49;
     --markdown-syntax-keyword-color: #22863a;
-    --markdown-table-background-color: #212121;
-    --markdown-table-row-odd-background-color: #515151;
-    --markdown-table-border-color: #8e8e8e;
     --markdown-syntax-background-color: rgb(27, 29, 35);
     --markdown-syntax-atrule-color: rgb(198, 120, 221);
     --markdown-syntax-attr-name-color: rgb(198, 120, 221);
@@ -131,3 +130,9 @@ html {
     --markdown-syntax-string-color: #81a1c1;
   }
 }
+
+body[layout='home'] .markdown-body .call-to-action:nth-of-type(2) {
+  --primary-color: #222;
+  --primary-color-lighter: #333;
+  --primary-color-darker: #000;
+}