mirror of
https://github.com/sysprog21/lkmpg.git
synced 2025-01-19 07:02:51 +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 {
|
||||
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
|
||||
|
|
Loading…
Reference in New Issue
Block a user