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
58
59

/* memento_mori -- bare monospace, no role colours. Colour only; see
 * docs/THEMES.md. Every reading role resolves to the same plain
 * foreground -- no accent/muted/refrain distinction, just bare text on a
 * neutral dark ground. `#7a4a42` (dried blood) is reserved for the
 * error/alert accent only -- it must not be used for any other role.
 */
:root {
  --bg: #121212;      /* austere near-black */
  --fg: #c9c9c9;      /* plain bone-grey */
  --muted: #c9c9c9;   /* = fg (verse numbers + citation render same as body) */
  --accent: #c9c9c9;  /* = fg (headings distinguished only by base.css bold/size) */
  --link: #c9c9c9;    /* = fg */
  --refrain: #c9c9c9; /* = fg */
  --border: #2a2a2a;
  --error: #7a4a42;   /* dried blood -- the only colour, error role 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);
}