html{height:100%} body{margin:0;padding:0 0.5em;background-color: var(–background-color);color: var(–text-color);height:100%} .container{max-width:768px;margin:auto;padding-left:5px;padding-right:5px} body{font-family:monospace;font-size:1.1rem;line-height:1.2rem;} a,a:active,a:visited{color:#1FC5FF;text-decoration:none} article h1 {margin-bottom:3px;color:var(–h1-color)} article h2 {margin-top:-1em;color:#EA4D89;font-weight:normal;font-size:0.85rem;margin: 0} pre{white-space: pre-wrap} article{margin-bottom:3em} nav{text-align:right;padding-top:0.5rem} article img{margin: auto;display: block} article blockquote{margin-left:25px;border-left:10px ddd solid;padding-left:15px;white-space: pre-wrap} img{max-width: 100%;} h1 a,h1 a:active,h1 a:visited{color:var(–h1-color)} .title{float:left;padding-top:0.5rem} section{margin-top:2rem} darkmode,#changefont{display:inline} .expander-arrow, .more-arrow, .more-arrow:active, .more-arrow:visited { color: var(–text-color); fill: var(–text-color) } footer {border-top: 1px var(–footer-border-color) solid;min-height: 80px;padding-top: 10px;padding-bottom:15px} .main {min-height: calc(100% - 40px)} code{background:var(–code-background-color);padding-left:2px;padding-right:2px}
:root {
--background-color: #fafafa; --text-color: #111; --code-background-color: #ccc; --footer-border-color: #ccc; --h1-color: #111;
}
- data-theme=“dark”
-
{
--background-color: #0D1117; --text-color: #8B949E; --code-background-color: #888; --footer-border-color: #555; --h1-color: #ddd;
}