web: HTML render + embedded themes

1 files changed, 50 insertions, 0 deletions

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);
+}