diff options
Diffstat (limited to 'internal/web/static/themes')
| -rw-r--r-- | internal/web/static/themes/dominicans.css | 49 | ||||
| -rw-r--r-- | internal/web/static/themes/epiphany.css | 49 | ||||
| -rw-r--r-- | internal/web/static/themes/marian.css | 49 | ||||
| -rw-r--r-- | internal/web/static/themes/memento_mori.css | 2 |
4 files changed, 149 insertions, 0 deletions
diff --git a/internal/web/static/themes/dominicans.css b/internal/web/static/themes/dominicans.css new file mode 100644 index 0000000..5a3a19f --- /dev/null +++ b/internal/web/static/themes/dominicans.css @@ -0,0 +1,49 @@ +/* dominicans -- religious-order palette (Order of Preachers), light: white + * habit, black cappa, gilt shield. Colour only; see docs/THEMES.md. + */ +:root { + --bg: #f5f4f1; /* white habit */ + --fg: #18181b; /* black cappa */ + --muted: #74746f; /* ash grey */ + --accent: #96771e; /* shield gold */ + --link: #6f6a58; + --refrain: #857529; /* gold */ + --border: #dad8d0; +} + +.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/epiphany.css b/internal/web/static/themes/epiphany.css new file mode 100644 index 0000000..6f6a96e --- /dev/null +++ b/internal/web/static/themes/epiphany.css @@ -0,0 +1,49 @@ +/* epiphany -- liturgical season palette, dark: indigo night sky, the star + * of Bethlehem in gold. Colour only; see docs/THEMES.md. + */ +:root { + --bg: #131a2e; /* indigo night */ + --fg: #e6e8f2; /* starlight */ + --muted: #7c85a0; /* dusk blue-grey */ + --accent: #d9bf6a; /* star gold */ + --link: #8fa2d8; /* cool starlight blue */ + --refrain: #c9a94e; /* deeper gold */ + --border: #262f4a; +} + +.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/marian.css b/internal/web/static/themes/marian.css new file mode 100644 index 0000000..776b116 --- /dev/null +++ b/internal/web/static/themes/marian.css @@ -0,0 +1,49 @@ +/* marian -- devotional palette (Our Lady), light: white robe, Marian-blue + * mantle, gold crown of twelve stars. Colour only; see docs/THEMES.md. + */ +:root { + --bg: #f3f6fb; /* white robe, faint blue */ + --fg: #23303f; /* navy ink */ + --muted: #7f8ea3; /* dusty blue-grey */ + --accent: #2f5fa6; /* Marian blue */ + --link: #3a6fb5; + --refrain: #b08d3a; /* gold crown */ + --border: #d3dced; +} + +.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 index 518e035..d99911b 100644 --- a/internal/web/static/themes/memento_mori.css +++ b/internal/web/static/themes/memento_mori.css @@ -11,6 +11,8 @@ --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: ui-monospace, "Cascadia Code", "SF Mono", "Roboto Mono", Menlo, Consolas, monospace; } .heading { |
