nhmk/html.cfg
Kellegram 3b9a3bd0b8
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.
2021-09-09 11:20:41 +08:00

86 lines
1.6 KiB
INI

\Preamble{xhtml}
\Configure{tableofcontents*}{chapter,section,subsection}
\Css{html {
width: 100vw;
overflow-x: hidden;
}}
\Css{body {
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 {
white-space: normal;
}}
\Css{img.math {
height: 1rem;
vertical-align: top;
}}
\Css{pre.fancyvrb, {
white-space: pre;
}}
\Css{figure, .fancyvrb, .verbatim {
margin-inline: 0;
overflow-x: auto;
}}
\Css{.ecrm-0500 {
font-size: 70\%;
font-style: italic;
color: gray;
width: 1.5rem;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}}
\Css{.flushright:first-child {
position:absolute;
top: 10px;
right: 50px;
}}
\Css{.right {
text-align: right;
}}
\AtBeginDocument{%
\Configure{@HEAD}{\HCode{
<script async defer src="https://buttons.github.io/buttons.js"></script>
<div class="right">
<a class="github-button" href="https://github.com/sysprog21/lkmpg" data-size="large" aria-label="View on GitHub">View on GitHub</a>
<a class="github-button" href="https://github.com/sysprog21/lkmpg/releases/download/latest/lkmpg.pdf" data-icon="octicon-download" data-size="large" aria-label="Download PDF document">Download PDF document</a>
<br><br>
</div>
\Hnewline}}
}
\begin{document}
\EndPreamble