12 files changed, 595 insertions, 0 deletions
diff --git a/internal/web/static/themes/advent.css b/internal/web/static/themes/advent.css
new file mode 100644
index 0000000..0378d7c
--- /dev/null
+++ b/internal/web/static/themes/advent.css
@@ -0,0 +1,49 @@
+/* advent -- liturgical season palette, dark violet. Colour only; see
+ * docs/THEMES.md.
+ */
+:root {
+  --bg: #241b33;
+  --fg: #e6e0ef;
+  --muted: #7a7088;
+  --accent: #8a6db0; /* violet */
+  --link: #9a86c0;
+  --refrain: #b0708a; /* rose */
+  --border: #372c4a;
+}
+
+.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);
+}
diff --git a/internal/web/static/themes/benedictines.css b/internal/web/static/themes/benedictines.css
new file mode 100644
index 0000000..5c628b5
--- /dev/null
+++ b/internal/web/static/themes/benedictines.css
@@ -0,0 +1,49 @@
+/* benedictines -- religious-order palette, dark. Colour only; see
+ * docs/THEMES.md.
+ */
+:root {
+  --bg: #17130f;    /* black habit */
+  --fg: #e8dcc0;    /* parchment */
+  --muted: #8a7d5f;
+  --accent: #c9a227; /* gold */
+  --link: #b08d3a;
+  --refrain: #a68b4a;
+  --border: #2e261c;
+}
+
+.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);
+}
diff --git a/internal/web/static/themes/camedules.css b/internal/web/static/themes/camedules.css
new file mode 100644
index 0000000..84bfaaf
--- /dev/null
+++ b/internal/web/static/themes/camedules.css
@@ -0,0 +1,49 @@
+/* camedules -- religious-order palette, light. Colour only; see
+ * docs/THEMES.md.
+ */
+:root {
+  --bg: #f2f1ee;
+  --fg: #3a3f44;    /* slate */
+  --muted: #8b9196;
+  --accent: #5f7a86; /* slate blue */
+  --link: #6a8a94;
+  --refrain: #7a9a88; /* sage */
+  --border: #d8dad9;
+}
+
+.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);
+}
diff --git a/internal/web/static/themes/desert_fathers.css b/internal/web/static/themes/desert_fathers.css
new file mode 100644
index 0000000..0fc9583
--- /dev/null
+++ b/internal/web/static/themes/desert_fathers.css
@@ -0,0 +1,49 @@
+/* desert_fathers -- religious-order palette, light. Colour only; see
+ * docs/THEMES.md.
+ */
+:root {
+  --bg: #ede4d3;    /* sand */
+  --fg: #4a3f2f;    /* umber */
+  --muted: #8a7a5f;
+  --accent: #b8894a; /* ochre */
+  --link: #7d6b47;
+  --refrain: #9a7b3f;
+  --border: #cbbfa6;
+}
+
+.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);
+}
diff --git a/internal/web/static/themes/easter.css b/internal/web/static/themes/easter.css
new file mode 100644
index 0000000..258a38c
--- /dev/null
+++ b/internal/web/static/themes/easter.css
@@ -0,0 +1,49 @@
+/* easter -- liturgical season palette, light white/gold, radiant. Colour
+ * only; see docs/THEMES.md.
+ */
+:root {
+  --bg: #fdfbf4;
+  --fg: #33302a;
+  --muted: #a09a8a;
+  --accent: #d4af37; /* bright gold */
+  --link: #4a8a9a;
+  --refrain: #c9a227;
+  --border: #ece7d8;
+}
+
+.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);
+}
diff --git a/internal/web/static/themes/franciscans.css b/internal/web/static/themes/franciscans.css
new file mode 100644
index 0000000..fe84034
--- /dev/null
+++ b/internal/web/static/themes/franciscans.css
@@ -0,0 +1,49 @@
+/* franciscans -- religious-order palette, dark warm. Colour only; see
+ * docs/THEMES.md.
+ */
+:root {
+  --bg: #3a2f26;    /* undyed brown */
+  --fg: #e0d5c3;
+  --muted: #9c8b76;
+  --accent: #a8703a; /* tau/terracotta */
+  --link: #7a8a5a;   /* olive */
+  --refrain: #8a9b6a; /* olive */
+  --border: #4d3f33;
+}
+
+.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);
+}
diff --git a/internal/web/static/themes/lent.css b/internal/web/static/themes/lent.css
new file mode 100644
index 0000000..c4fb929
--- /dev/null
+++ b/internal/web/static/themes/lent.css
@@ -0,0 +1,49 @@
+/* lent -- liturgical season palette, dark ashen violet. Colour only; see
+ * docs/THEMES.md.
+ */
+:root {
+  --bg: #2a2530;
+  --fg: #cfc8d2;
+  --muted: #6e6675;
+  --accent: #7a6a86; /* muted violet */
+  --link: #86788f;
+  --refrain: #8a6a72; /* dried rose */
+  --border: #3a3440;
+}
+
+.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);
+}
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);
+}
diff --git a/internal/web/static/themes/nativity.css b/internal/web/static/themes/nativity.css
new file mode 100644
index 0000000..a808f4f
--- /dev/null
+++ b/internal/web/static/themes/nativity.css
@@ -0,0 +1,49 @@
+/* nativity -- liturgical season palette, light white/gold. Colour only;
+ * see docs/THEMES.md.
+ */
+:root {
+  --bg: #faf6ec;
+  --fg: #3a3226;
+  --muted: #9a9080;
+  --accent: #c9a227; /* gold */
+  --link: #b8894a;
+  --refrain: #4a7a5a; /* evergreen */
+  --border: #e6dcc6;
+}
+
+.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);
+}
diff --git a/internal/web/static/themes/ordinary.css b/internal/web/static/themes/ordinary.css
new file mode 100644
index 0000000..26025fc
--- /dev/null
+++ b/internal/web/static/themes/ordinary.css
@@ -0,0 +1,49 @@
+/* ordinary -- liturgical season palette, light green. Colour only; see
+ * docs/THEMES.md.
+ */
+:root {
+  --bg: #eef2e6;
+  --fg: #33382e;
+  --muted: #8a9080;
+  --accent: #5a7a3f; /* green */
+  --link: #6a8a5a;
+  --refrain: #7a9a4f;
+  --border: #d8e0cc;
+}
+
+.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);
+}
diff --git a/internal/web/static/themes/pentecost.css b/internal/web/static/themes/pentecost.css
new file mode 100644
index 0000000..2537ab1
--- /dev/null
+++ b/internal/web/static/themes/pentecost.css
@@ -0,0 +1,49 @@
+/* pentecost -- liturgical season palette, dark ember/red. Colour only;
+ * see docs/THEMES.md.
+ */
+:root {
+  --bg: #241210;
+  --fg: #f0e0d8;
+  --muted: #9a7a70;
+  --accent: #d9705a; /* flame */
+  --link: #e0975a;   /* orange */
+  --refrain: #c9a227; /* gold */
+  --border: #3a201c;
+}
+
+.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);
+}
diff --git a/internal/web/static/themes/transfiguration.css b/internal/web/static/themes/transfiguration.css
new file mode 100644
index 0000000..bd9cc25
--- /dev/null
+++ b/internal/web/static/themes/transfiguration.css
@@ -0,0 +1,50 @@
+/* transfiguration -- religious-order palette, dark. Colour only; see
+ * docs/THEMES.md. Tokens per /home/lukasz/git/transfiguration-themes/palettes/transfiguration.json.
+ */
+:root {
+  --bg: #262e28;
+  --fg: #e6dec6;
+  --muted: #99a18c;
+  --accent: #d3b380; /* gold */
+  --link: #97ad6e;   /* olive */
+  --refrain: #97ad6e; /* olive, same as link for this theme */
+  --border: #4a5347;
+  --vnum: #d3b380;   /* gold, not muted, for this theme */
+}
+
+.heading {
+  color: var(--accent);
+}
+
+.citation {
+  color: var(--muted);
+}
+
+.vnum {
+  color: var(--vnum);
+}
+
+.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);
+}