mirror of
https://github.com/sysprog21/lkmpg.git
synced 2025-01-19 17:02:46 +08:00
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.
This commit is contained in:
parent
4ef3d90ffe
commit
3b9a3bd0b8
19
html.cfg
19
html.cfg
|
@ -8,11 +8,26 @@
|
||||||
}}
|
}}
|
||||||
|
|
||||||
\Css{body {
|
\Css{body {
|
||||||
max-width: 50rem;
|
max-width: 55rem;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
overflow-x: hidden;
|
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 {
|
\Css{div.author {
|
||||||
|
@ -67,4 +82,4 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
\begin{document}
|
\begin{document}
|
||||||
\EndPreamble
|
\EndPreamble
|
||||||
|
|
Loading…
Reference in New Issue
Block a user