theme/static/styles.css

 1body { max-width: 800px; margin: 0 auto; padding: 1rem; }
 2a, a:visited { color: #0000ff; }
 3nav ul { list-style: none; padding: 0; display: flex; flex-direction: row; }
 4nav ul li { padding-right: 0.5rem;}
 5img { max-width: 100%; }
 6.post-list { padding: 0; padding-inline-start: 0; }
 7.post-list-item { display: flex; list-style: none; align-items: baseline; }
 8.post-list-item time { padding-right: 0.5rem; white-space: nowrap; }
 9.post-list-item a { flex-grow: 1; white-space: normal; }
10.post-list-year { list-style: none; margin-top: 1rem; margin-bottom: 0.5rem; font-weight: bold; }
11.skip-link { display: none; }
12table { border-collapse: collapse; }
13table, th, td { border: 1px solid #ccc; }
14th, td { padding: 0.25rem 0.5rem; text-align: left; }
15footer { margin: 2rem 0;}
16pre, blockquote { margin: 1rem 0; padding: 0.5rem; background-color: #eee; }
17pre { overflow: auto; white-space: pre; }
18blockquote p { margin: 0; margin-bottom: 1rem; }
19blockquote p:last-child { margin-bottom: 0; }
20code { color: #942192; }
21/* The metadata block on a detour post. currentColor for the rule, so the dark scheme
22   below needs no override. */
23.detour { border-left: 3px solid currentColor; padding: .5rem 1rem; margin: 1rem 0 2rem; font-size: .95em; }
24.detour dl { margin: 0; }
25.detour dt { font-weight: bold; }
26.detour dd { margin: 0 0 .4rem 0; }
27.detour-list { padding-inline-start: 0; }
28.detour-list li { list-style: none; margin-bottom: .75rem; }
29.detour-meta { display: block; font-size: .95em; }
30/* Blocks are coloured by syntax.css, so this is only the fallback for the tokens it
31   leaves unclassified: the highlight theme's own foreground rather than inline code's. */
32pre code { color: #323232; }
33@media (prefers-color-scheme: dark) {
34	body { background-color: #181a1b; color: #cccccc; }
35	a, a:visited { color: #68A9F8; }
36	code { color: #ff68e1; }
37	pre, blockquote { background-color: #000; }
38	pre code { color: #c0c5ce; }
39	table, th, td { border-color: #444; }
40}