Improve readability (#96)

This new foreground + background color maintains the minimum of 7:1 contrast ratio as specified by WCAG (this has 7.36:1) and is the same colors Firefox reading mode uses when choosing the sepia theme.

Fonts are too small by default, using responsive units (em) let's me increase them, I am unsure where or if there is font-size specified for parent anywhere but it seems to have been manually decreased.

Increased max-width slightly to adjust for new size and more standard line-height, so the doc doesn't feel significantly longer, still maintains good eye travel.

diff --git a/html.cfg b/html.cfg
index fa779bd04c11d71b9d484389fd086cc8c5f82d16..184c61b6879a257230728268cd377147669a401c 100644 (file)
--- a/html.cfg
+++ b/html.cfg
@@ -8,11 +8,26 @@
 }}
 
 \Css{body {
-    max-width: 50rem;
+    max-width: 55rem;
     box-sizing: border-box;
     padding: 1rem;
     margin: 0 auto;
     overflow-x: hidden;
+    background-color: \#F4ECD8;
+    color: \#5B464B;
+    line-height: 1.5;
+}}
+
+\Css{a {
+color: \#0060DF;
+}}
+
+\Css{p, a {
+font-size: 1.2em;
+}}
+
+\Css{p + pre {
+font-size: 1.1em;
 }}
 
 \Css{div.author {
@@ -67,4 +82,4 @@
 }
 
 \begin{document}
-\EndPreamble
\ No newline at end of file
+\EndPreamble