web: HTML render + embedded themes

1 files changed, 55 insertions, 0 deletions

diff --git a/internal/web/static/themes/memento_mori.css b/internal/web/static/themes/memento_mori.css
new file mode 100644
index 0000000..518e035
--- /dev/null
+++ b/internal/web/static/themes/memento_mori.css
@@ -0,0 +1,55 @@
+/* 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 */
+}
+
+.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);
+}