tjh.dev
1pre code.hljs {
2 display: block;
3 overflow-x: auto;
4 padding: 1em;
5}
6code.hljs {
7 padding: 3px 5px;
8}
9/*
10 Five-color theme from a single blue hue.
11*/
12.hljs {
13 background: #eaeef3;
14 color: #00193a;
15}
16.hljs-keyword,
17.hljs-selector-tag,
18.hljs-title,
19.hljs-section,
20.hljs-doctag,
21.hljs-name,
22.hljs-strong {
23 font-weight: bold;
24}
25.hljs-comment {
26 color: var(--color-1);
27}
28.hljs-string,
29.hljs-title,
30.hljs-section,
31.hljs-built_in,
32.hljs-literal,
33.hljs-type,
34.hljs-addition,
35.hljs-tag,
36.hljs-quote,
37.hljs-name,
38.hljs-selector-id,
39.hljs-selector-class {
40 color: var(--color-2);
41}
42.hljs-meta,
43.hljs-subst,
44.hljs-symbol,
45.hljs-regexp,
46.hljs-attribute,
47.hljs-deletion,
48.hljs-variable,
49.hljs-template-variable,
50.hljs-link,
51.hljs-bullet {
52 color: var(--color-3);
53}
54.hljs-emphasis {
55 font-style: italic;
56}
57
58:root {
59 --color-1: #738191;
60 --color-2: #0048ab;
61 --color-3: #4c81c9;
62}
63
64@media (prefers-color-scheme: dark) {
65 :root {
66 --color-1: #8b9caf;
67 --color-2: #3b85e7;
68 --color-3: #5795e7;
69 }
70}