Ver Fonte

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.
Kellegram há 3 anos atrás
pai
commit
3b9a3bd0b8
1 ficheiros alterados com 17 adições e 2 exclusões
  1. 17 2
      html.cfg

+ 17 - 2
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
+\EndPreamble