Skip to content

Commit 3b9a3bd

Browse files
authored
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.
1 parent 4ef3d90 commit 3b9a3bd

File tree

1 file changed

+17
-2
lines changed

1 file changed

+17
-2
lines changed

html.cfg

Lines changed: 17 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,11 +8,26 @@
88
}}
99

1010
\Css{body {
11-
max-width: 50rem;
11+
max-width: 55rem;
1212
box-sizing: border-box;
1313
padding: 1rem;
1414
margin: 0 auto;
1515
overflow-x: hidden;
16+
background-color: \#F4ECD8;
17+
color: \#5B464B;
18+
line-height: 1.5;
19+
}}
20+
21+
\Css{a {
22+
color: \#0060DF;
23+
}}
24+
25+
\Css{p, a {
26+
font-size: 1.2em;
27+
}}
28+
29+
\Css{p + pre {
30+
font-size: 1.1em;
1631
}}
1732

1833
\Css{div.author {
@@ -67,4 +82,4 @@
6782
}
6883

6984
\begin{document}
70-
\EndPreamble
85+
\EndPreamble

0 commit comments

Comments
 (0)