From 3b9a3bd0b8d1e5ff999153eb4e28fb5b40f8c95b Mon Sep 17 00:00:00 2001 From: Kellegram Date: Thu, 9 Sep 2021 04:20:41 +0100 Subject: [PATCH] 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. --- html.cfg | 19 +++++++++++++++++-- 1 file changed, 17 insertions(+), 2 deletions(-) diff --git a/html.cfg b/html.cfg index fa779bd..184c61b 100644 --- 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