internal/web/static/themes/memento_mori.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

/* memento_mori -- religious-order palette, dark greyscale. Colour only;
 * see docs/THEMES.md. `#7a4a42` (dried blood) is reserved for the
 * error/alert accent only -- it must not be used for any other role.
 */
:root {
  --bg: #1a1a1a;    /* ash */
  --fg: #d8d4cc;    /* bone */
  --muted: #6b6862;
  --accent: #c4bdb0; /* bone */
  --link: #9a968e;
  --refrain: #8a8680;
  --border: #333330;
  --error: #7a4a42; /* dried blood -- error/alert accent only */
  /* the one non-colour override: a monospace reading face (see base.css). */
  --theme-font: var(--font-mono);
}

.heading {
  color: var(--accent);
}

.citation {
  color: var(--muted);
}

.vnum {
  color: var(--muted);
}

.refrain {
  color: var(--refrain);
}

a {
  color: var(--link);
}

a:hover,
a:focus {
  color: var(--accent);
}

.controls,
.version-label,
.reading-section + .reading-section {
  border-color: var(--border);
}

.controls input,
.controls select,
.controls button {
  border-color: var(--border);
}

.error {
  color: var(--error);
}