Updated themes, 2026-05-19

New folder structure plus HTML presentation.
This commit is contained in:
Kristian Benestad 2026-05-19 20:20:10 +07:00
parent 03adf65c62
commit 893588d89b
209 changed files with 16664 additions and 0 deletions

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — a11y · aaa contrast
# WCAG AAA contrast. Black-on-white text, deep blue links, Atkinson Hyperlegible.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#0033A0"
background: "#FFFFFF"
nav-background: "#F2F2F2"
text: "#000000"
text-muted: "#4F4F4F"
dark:
accent: "#FFD700"
background: "#000000"
nav-background: "#0A0A0A"
text: "#FFFFFF"
text-muted: "#BDBDBD"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#0033A0"
warning: "#8B5A00"
success: "#1F6B3C"
error: "#A1001C"
colours-semantic-dark:
info: "#5C90FF"
warning: "#FFC55C"
success: "#80DAA3"
error: "#FF5C78"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#0033A0"
background-colour: "#0033A0"
warning:
icon: warning
primary-colour: "#8B5A00"
background-colour: "#8B5A00"
success:
icon: success
primary-colour: "#1F6B3C"
background-colour: "#1F6B3C"
error:
icon: error
primary-colour: "#A1001C"
background-colour: "#A1001C"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Atkinson Hyperlegible:400"
font-heading: "bunny:Atkinson Hyperlegible:700"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.75 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — a11y · calm
# Low-stimulation palette. Muted sage on warm beige — no pure white, no pure black.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#5A7058"
background: "#F0EAE0"
nav-background: "#E5DFD3"
text: "#3A3833"
text-muted: "#807C73"
dark:
accent: "#A8B5A2"
background: "#1F1E1B"
nav-background: "#2A2823"
text: "#D8D2C5"
text-muted: "#908A7D"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#5A7058"
warning: "#8B6A40"
success: "#5A7058"
error: "#A06060"
colours-semantic-dark:
info: "#8FD289"
warning: "#D2B289"
success: "#8FD289"
error: "#D28989"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#5A7058"
background-colour: "#5A7058"
warning:
icon: warning
primary-colour: "#8B6A40"
background-colour: "#8B6A40"
success:
icon: success
primary-colour: "#5A7058"
background-colour: "#5A7058"
error:
icon: error
primary-colour: "#A06060"
background-colour: "#A06060"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Atkinson Hyperlegible:400"
font-heading: "bunny:Atkinson Hyperlegible:700"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.80 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — a11y · readable
# Cream background, soft contrast, generous line-height. Dyslexia and low-vision friendly.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#2A5C8F"
background: "#FAF4E6"
nav-background: "#F0E8D0"
text: "#2A2620"
text-muted: "#6E665A"
dark:
accent: "#79A5D8"
background: "#1A1814"
nav-background: "#252118"
text: "#F0E8D8"
text-muted: "#A89E8A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2A5C8F"
warning: "#8B5A00"
success: "#1F6B3C"
error: "#A0381F"
colours-semantic-dark:
info: "#81ADDA"
warning: "#FFC55C"
success: "#80DAA3"
error: "#E58C76"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2A5C8F"
background-colour: "#2A5C8F"
warning:
icon: warning
primary-colour: "#8B5A00"
background-colour: "#8B5A00"
success:
icon: success
primary-colour: "#1F6B3C"
background-colour: "#1F6B3C"
error:
icon: error
primary-colour: "#A0381F"
background-colour: "#A0381F"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Atkinson Hyperlegible:400"
font-heading: "bunny:Atkinson Hyperlegible:700"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.85 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — british airways · bold
# Chatham blue with Union-Flag red. The flying-flag livery.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#EB2226"
background: "#FFFFFF"
nav-background: "#075AAA"
text: "#0A2540"
text-muted: "#5E708C"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#FFFFFF"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#FF4348"
background: "#0A2540"
nav-background: "#06182B"
text: "#FFFFFF"
text-muted: "#A0B4D0"
nav-link: "#E2E2E2"
nav-link-active: "#FF4348"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — british airways · muted
# Mid-Atlantic blue on warm white — restrained and British.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#2A4E8A"
background: "#FBFAF6"
nav-background: "#E3E8F0"
text: "#1F2A40"
text-muted: "#6E7888"
dark:
accent: "#88A8D8"
background: "#0E1622"
nav-background: "#16213A"
text: "#E8ECF4"
text-muted: "#9098AC"
nav-link: "#E2E2E2"
nav-link-active: "#88A8D8"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — emirates · bold
# Emirates red with desert-gold accent in dark mode.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#D71921"
background: "#FFFFFF"
nav-background: "#D71921"
text: "#1A1A1A"
text-muted: "#5C5C5C"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#FFFFFF"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#F5B431"
background: "#1A0608"
nav-background: "#000000"
text: "#FFFFFF"
text-muted: "#B89090"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — emirates · muted
# Sand and rust — Gulf palette in a softer key.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#8F2A30"
background: "#FBF7F2"
nav-background: "#F0DDD2"
text: "#241818"
text-muted: "#7A6058"
dark:
accent: "#D88060"
background: "#1A0F0C"
nav-background: "#241612"
text: "#F0E5D8"
text-muted: "#A8907A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — etihad · bold
# Etihad copper-bronze with anthracite — the facets livery.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#C28E5A"
background: "#FFFFFF"
nav-background: "#2C2A28"
text: "#1A1612"
text-muted: "#6E5C50"
nav-link: "#E2E2E2"
nav-link-active: "#C28E5A"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
dark:
accent: "#D8A878"
background: "#1A1612"
nav-background: "#0A0807"
text: "#F4E8DC"
text-muted: "#A89684"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — etihad · muted
# Camel and bronze — same desert family, quieter.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#8F6F4A"
background: "#FBF7F0"
nav-background: "#EDE0CC"
text: "#2A2018"
text-muted: "#7A6A58"
dark:
accent: "#D8B080"
background: "#1A140C"
nav-background: "#241D14"
text: "#F0E5D2"
text-muted: "#A89684"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — icelandair · bold
# Volcano red on glacier-blue. Icelandairs 2024 wave livery.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#E60023"
background: "#FFFFFF"
nav-background: "#0A2540"
text: "#0A2540"
text-muted: "#5C708C"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#E60023"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#FF4060"
background: "#0A2540"
nav-background: "#051628"
text: "#FFFFFF"
text-muted: "#A0B4D0"
nav-link: "#E2E2E2"
nav-link-active: "#FF4060"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — icelandair · muted
# Glacier blue alone — North-Atlantic restraint.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#2A6BAA"
background: "#FBFCFE"
nav-background: "#DDE5EE"
text: "#0F2438"
text-muted: "#6E7894"
dark:
accent: "#88B0DC"
background: "#0A1828"
nav-background: "#0E2238"
text: "#E8EFF4"
text-muted: "#909AAC"
nav-link: "#E2E2E2"
nav-link-active: "#88B0DC"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — ita airways · bold
# Azzurro — the Italian national blue, fresh from the new livery.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#0066CC"
background: "#FFFFFF"
nav-background: "#003F87"
text: "#0A2548"
text-muted: "#5E708C"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#FFFFFF"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#4A9CEA"
background: "#0A2548"
nav-background: "#001633"
text: "#FFFFFF"
text-muted: "#A0B4D0"
nav-link: "#E2E2E2"
nav-link-active: "#4A9CEA"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — ita airways · muted
# Adriatic blue, softened — the azzurro after a long flight.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#3A6BAA"
background: "#FBFCFE"
nav-background: "#E3EAF3"
text: "#1F2D44"
text-muted: "#697390"
dark:
accent: "#88B5DC"
background: "#0E1622"
nav-background: "#16213A"
text: "#EAEEF4"
text-muted: "#8E96AC"
nav-link: "#E2E2E2"
nav-link-active: "#88B5DC"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — klm · bold
# KLM sky-blue with Orange-Dutch accent — the worlds oldest airline still flying.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#FF6900"
background: "#FFFFFF"
nav-background: "#00A1DE"
text: "#003A5D"
text-muted: "#5C7898"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#FFFFFF"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#FF8030"
background: "#003A5D"
nav-background: "#00263F"
text: "#FFFFFF"
text-muted: "#9DBCDC"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#FF8030"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — klm · muted
# Delft-blue alone — the orange retreats to callouts.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#0F5E8F"
background: "#FBFCFE"
nav-background: "#DCE9F3"
text: "#0F2A40"
text-muted: "#6E7E94"
dark:
accent: "#78B5DC"
background: "#0A1A28"
nav-background: "#0E2438"
text: "#E8EFF4"
text-muted: "#9098AC"
nav-link: "#E2E2E2"
nav-link-active: "#78B5DC"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — lufthansa · bold
# The crane palette — Prussian navy and warm Lufthansa yellow.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#FFAD00"
background: "#FFFFFF"
nav-background: "#05164D"
text: "#05164D"
text-muted: "#5C6E94"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#FFAD00"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#FFAD00"
background: "#05164D"
nav-background: "#020A26"
text: "#FFFFFF"
text-muted: "#9DB1D0"
nav-link: "#E2E2E2"
nav-link-active: "#FFAD00"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Inter:400"
font-heading: "bunny:Inter:700"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — lufthansa · muted
# Navy and amber — Crane palette in a quieter register.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#1F3A6B"
background: "#FBFAF3"
nav-background: "#F0E8D0"
text: "#1A2238"
text-muted: "#6E7588"
dark:
accent: "#D8A848"
background: "#0E1422"
nav-background: "#16203A"
text: "#EAEDF2"
text-muted: "#988E70"
nav-link: "#E2E2E2"
nav-link-active: "#D8A848"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Inter:400"
font-heading: "bunny:Inter:700"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — norse atlantic · bold
# Arctic light-blue tail livery on white. The N-on-a-blue-square mark, full strength.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#1F6E94"
background: "#FFFFFF"
nav-background: "#5BC2E7"
text: "#0F2A3A"
text-muted: "#5C7888"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#FFFFFF"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#5BC2E7"
background: "#0A1A24"
nav-background: "#062632"
text: "#FFFFFF"
text-muted: "#9FBFD0"
nav-link: "#E2E2E2"
nav-link-active: "#5BC2E7"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#1F6E94"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#78C0E3"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#1F6E94"
background-colour: "#1F6E94"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — norse atlantic · muted
# Glacier-blue, dialled back. Cabin-window calm at cruise altitude.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#3A7FA5"
background: "#FBFCFE"
nav-background: "#DCE9F0"
text: "#0F2438"
text-muted: "#6E7888"
dark:
accent: "#7EBED8"
background: "#0B1620"
nav-background: "#14202E"
text: "#E8EFF4"
text-muted: "#90A0AC"
nav-link: "#E2E2E2"
nav-link-active: "#7EBED8"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — qatar airways · bold
# Qatar oryx maroon — bold burgundy throughout.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#5C0632"
background: "#FFFFFF"
nav-background: "#5C0632"
text: "#1A0612"
text-muted: "#6E5258"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#FFFFFF"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#A82054"
background: "#1A0612"
nav-background: "#0A0208"
text: "#F0E0E5"
text-muted: "#A89098"
nav-link: "#E2E2E2"
nav-link-active: "#FFFFFF"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — qatar airways · muted
# Wine-stain rose — the maroon, gentler.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#7A2A4A"
background: "#FBF7F4"
nav-background: "#F0DDD8"
text: "#241218"
text-muted: "#7A5E68"
dark:
accent: "#C26088"
background: "#1A0E12"
nav-background: "#241218"
text: "#F0E0E8"
text-muted: "#A89098"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — sas · bold
# SAS deep Scandinavian blue — the fjord-on-tail livery.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#003D7C"
background: "#FFFFFF"
nav-background: "#003D7C"
text: "#001F4E"
text-muted: "#5C6E94"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#FFFFFF"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#7AA0D8"
background: "#001F4E"
nav-background: "#001233"
text: "#FFFFFF"
text-muted: "#A0B4D8"
nav-link: "#E2E2E2"
nav-link-active: "#7AA0D8"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — sas · muted
# Same Nordic blue, dialled back to a workday tone.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#3A6BAA"
background: "#FBFCFE"
nav-background: "#E3EAF3"
text: "#1F2D44"
text-muted: "#697390"
dark:
accent: "#94B5DC"
background: "#0E1622"
nav-background: "#16213A"
text: "#EAEEF4"
text-muted: "#8E96AC"
nav-link: "#E2E2E2"
nav-link-active: "#94B5DC"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — singapore · bold
# SQ navy with Sarong-Kebaya gold accent. Singapore Girl elegance.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#F5B431"
background: "#FFFFFF"
nav-background: "#003F87"
text: "#0A2548"
text-muted: "#5E708C"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#F5B431"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#FFCD3A"
background: "#0A2548"
nav-background: "#001633"
text: "#FFFFFF"
text-muted: "#A0B4D0"
nav-link: "#E2E2E2"
nav-link-active: "#FFCD3A"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — singapore · muted
# Wheat and slate-blue — equatorial palette, quietened.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#2A4E8A"
background: "#FBFAF3"
nav-background: "#F0E5C8"
text: "#1F2A40"
text-muted: "#6E7588"
dark:
accent: "#D8B848"
background: "#0E1622"
nav-background: "#1A2030"
text: "#EAEDF2"
text-muted: "#988E70"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — swiss · bold
# Swiss red on white — flag precision, surgical.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#E60028"
background: "#FFFFFF"
nav-background: "#E60028"
text: "#1A1A1A"
text-muted: "#5C5C5C"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#FFFFFF"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#E60028"
background: "#0A0A0A"
nav-background: "#000000"
text: "#FFFFFF"
text-muted: "#B89090"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Inter:400"
font-heading: "bunny:Inter:700"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — swiss · muted
# Alpine red on snow — the same identity, gentler.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#9C2030"
background: "#FAFAF8"
nav-background: "#EFDDD8"
text: "#1F1A1A"
text-muted: "#6E5E5E"
dark:
accent: "#D85060"
background: "#0F0808"
nav-background: "#1A1010"
text: "#F0E5DC"
text-muted: "#A89090"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Inter:400"
font-heading: "bunny:Inter:700"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — thai airways · bold
# Royal Orchid livery — royal purple with antique-gold accent.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#D4B062"
background: "#FFFFFF"
nav-background: "#4E1A6E"
text: "#2A0F40"
text-muted: "#6E5C7A"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#D4B062"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#E5BD6A"
background: "#2A0F40"
nav-background: "#1A0628"
text: "#FFFFFF"
text-muted: "#B0A0C0"
nav-link: "#E2E2E2"
nav-link-active: "#E5BD6A"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — thai airways · muted
# Soft orchid lavender — the same family, quieter.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#6E4A8F"
background: "#FBFAF7"
nav-background: "#E8E0EE"
text: "#1F1828"
text-muted: "#6E5C7A"
dark:
accent: "#B89AD8"
background: "#0E0D1A"
nav-background: "#1A1828"
text: "#EAE5F0"
text-muted: "#A095A8"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — ups · bold
# Pullman brown sidebar with UPS gold accent. Pure logistics.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#FFB500"
background: "#FFFFFF"
nav-background: "#351C15"
text: "#1A0E0A"
text-muted: "#5C4A3A"
nav-link: "#E2E2E2"
nav-link-active: "#FFB500"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
dark:
accent: "#FFC940"
background: "#1A0E0A"
nav-background: "#000000"
text: "#F8EFD8"
text-muted: "#A8907A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — ups · muted
# Chocolate and caramel — the parcel palette, tempered.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#7C4A20"
background: "#FBF8F2"
nav-background: "#EFDFC8"
text: "#2A1A0E"
text-muted: "#6E5640"
dark:
accent: "#D8A555"
background: "#1A1208"
nav-background: "#241A10"
text: "#F0E5D0"
text-muted: "#A89880"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — festal · bold
# White vestment with cloth-of-gold accent. Christmas and Easter, in full feast.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#B58A1A"
background: "#FFFFFF"
nav-background: "#FBF1C4"
text: "#2A2410"
text-muted: "#6E6440"
nav-link: "#2A2410"
nav-link-active: "#7F6112"
nav-section-heading: "#6E6440"
nav-sitename: "#2A2410"
nav-description: "#6E6440"
nav-toggle: "#6E6440"
dark:
accent: "#E5C04A"
background: "#14110A"
nav-background: "#241A0A"
text: "#FFFFFF"
text-muted: "#C9B580"
nav-link: "#E2E2E2"
nav-link-active: "#E5C04A"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#1B3666"
warning: "#B58A1A"
success: "#14532D"
error: "#B91C1C"
colours-semantic-dark:
info: "#7EA0DD"
warning: "#EBC970"
success: "#7BDFA3"
error: "#EA7171"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#1B3666"
background-colour: "#1B3666"
warning:
icon: warning
primary-colour: "#B58A1A"
background-colour: "#B58A1A"
success:
icon: success
primary-colour: "#14532D"
background-colour: "#14532D"
error:
icon: error
primary-colour: "#B91C1C"
background-colour: "#B91C1C"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Cormorant Garamond:500"
font-heading: "bunny:Cormorant Garamond:700"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.60 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — festal
# Cream and gold. Christmas, Easter, and the great festivals.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#B58A1A"
background: "#FBF8E8"
nav-background: "#F3E9B8"
text: "#2A2410"
text-muted: "#6E6440"
nav-link: "#2A2410"
nav-link-active: "#7F6112"
nav-section-heading: "#6E6440"
nav-sitename: "#2A2410"
nav-description: "#6E6440"
nav-toggle: "#6E6440"
dark:
accent: "#E5C04A"
background: "#14110A"
nav-background: "#1F1A0F"
text: "#F4ECD0"
text-muted: "#A89A78"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B58A1A"
success: "#2F7A4A"
error: "#9C3A2A"
colours-semantic-dark:
info: "#80A5DB"
warning: "#EBC970"
success: "#89D2A3"
error: "#DC8C7E"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B58A1A"
background-colour: "#B58A1A"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#9C3A2A"
background-colour: "#9C3A2A"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Cormorant Garamond:500"
font-heading: "bunny:Cormorant Garamond:700"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.60 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — ordinary · bold
# Gold on verdant green. The long banner of Ordinary Time, woven through.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#C9A23E"
background: "#FFFFFF"
nav-background: "#14532D"
text: "#0A2A18"
text-muted: "#4A6E58"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#C9A23E"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#E5C04A"
background: "#08140C"
nav-background: "#0F2A1A"
text: "#FFFFFF"
text-muted: "#9DC8A8"
nav-link: "#E2E2E2"
nav-link-active: "#E5C04A"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#1B3666"
warning: "#B58A1A"
success: "#14532D"
error: "#B91C1C"
colours-semantic-dark:
info: "#7EA0DD"
warning: "#EBC970"
success: "#7BDFA3"
error: "#EA7171"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#1B3666"
background-colour: "#1B3666"
warning:
icon: warning
primary-colour: "#B58A1A"
background-colour: "#B58A1A"
success:
icon: success
primary-colour: "#14532D"
background-colour: "#14532D"
error:
icon: error
primary-colour: "#B91C1C"
background-colour: "#B91C1C"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Cormorant Garamond:500"
font-heading: "bunny:Cormorant Garamond:700"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.60 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — ordinary
# Verdant green. Ordinary Time — the long season of growth.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#14532D"
background: "#FFFFFF"
nav-background: "#DDEEE0"
text: "#0A2A18"
text-muted: "#4A6E58"
dark:
accent: "#6FBE8F"
background: "#08140C"
nav-background: "#0E2014"
text: "#E8F2EC"
text-muted: "#8FB89A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#14532D"
error: "#9C3A2A"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#7BDFA3"
error: "#DC8C7E"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#14532D"
background-colour: "#14532D"
error:
icon: error
primary-colour: "#9C3A2A"
background-colour: "#9C3A2A"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Cormorant Garamond:500"
font-heading: "bunny:Cormorant Garamond:700"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.60 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — pentecost · bold
# Gold tongues of flame on Pentecost red. The Holy Spirit, at high noon.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#C9A23E"
background: "#FFFFFF"
nav-background: "#B91C1C"
text: "#2A0F0F"
text-muted: "#7A4A4A"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#C9A23E"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#E5C04A"
background: "#1A0A0A"
nav-background: "#3A0A0A"
text: "#FFFFFF"
text-muted: "#F0B0B0"
nav-link: "#E2E2E2"
nav-link-active: "#E5C04A"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#1B3666"
warning: "#B58A1A"
success: "#14532D"
error: "#B91C1C"
colours-semantic-dark:
info: "#7EA0DD"
warning: "#EBC970"
success: "#7BDFA3"
error: "#EA7171"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#1B3666"
background-colour: "#1B3666"
warning:
icon: warning
primary-colour: "#B58A1A"
background-colour: "#B58A1A"
success:
icon: success
primary-colour: "#14532D"
background-colour: "#14532D"
error:
icon: error
primary-colour: "#B91C1C"
background-colour: "#B91C1C"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Cormorant Garamond:500"
font-heading: "bunny:Cormorant Garamond:700"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.60 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — pentecost
# Flame-red. Pentecost, Holy Week, and feasts of the martyrs.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#B91C1C"
background: "#FFFFFF"
nav-background: "#FCE2E2"
text: "#2A0F0F"
text-muted: "#7A4A4A"
dark:
accent: "#F08080"
background: "#1A0A0A"
nav-background: "#240E0E"
text: "#F4E8E8"
text-muted: "#B89090"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#B91C1C"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#EA7171"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#B91C1C"
background-colour: "#B91C1C"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Cormorant Garamond:500"
font-heading: "bunny:Cormorant Garamond:700"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.60 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — requiem · bold
# Silver thread on black. Solemn mourning vestments.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#9C9C9C"
background: "#FFFFFF"
nav-background: "#1A1A1A"
text: "#1A1A1A"
text-muted: "#5C5C5C"
nav-link: "#E2E2E2"
nav-link-active: "#9C9C9C"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
dark:
accent: "#C9C9C9"
background: "#050505"
nav-background: "#000000"
text: "#FFFFFF"
text-muted: "#9C9C9C"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#1B3666"
warning: "#B58A1A"
success: "#14532D"
error: "#B91C1C"
colours-semantic-dark:
info: "#7EA0DD"
warning: "#EBC970"
success: "#7BDFA3"
error: "#EA7171"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#1B3666"
background-colour: "#1B3666"
warning:
icon: warning
primary-colour: "#B58A1A"
background-colour: "#B58A1A"
success:
icon: success
primary-colour: "#14532D"
background-colour: "#14532D"
error:
icon: error
primary-colour: "#B91C1C"
background-colour: "#B91C1C"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Cormorant Garamond:500"
font-heading: "bunny:Cormorant Garamond:700"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.60 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — requiem
# Parchment and black. All Souls, funerals, mourning.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#1A1A1A"
background: "#FAF6EE"
nav-background: "#1A1A1A"
text: "#1A1A1A"
text-muted: "#6E665A"
nav-link: "#E2E2E2"
nav-link-active: "#FFFFFF"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
dark:
accent: "#F4ECD8"
background: "#050505"
nav-background: "#000000"
text: "#F4ECD8"
text-muted: "#9F9A8A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#1A1A1A"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#9C3A2A"
colours-semantic-dark:
info: "#D28989"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DC8C7E"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#1A1A1A"
background-colour: "#1A1A1A"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#9C3A2A"
background-colour: "#9C3A2A"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Cormorant Garamond:500"
font-heading: "bunny:Cormorant Garamond:700"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.60 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — rose · bold
# Gold on Laetare rose. Joy within penitence — turned up.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#C9A23E"
background: "#FFFFFF"
nav-background: "#B85D75"
text: "#2B1A20"
text-muted: "#7A5662"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#FFFFFF"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#E5C04A"
background: "#1A0E12"
nav-background: "#3A1A22"
text: "#FFFFFF"
text-muted: "#E5A6B5"
nav-link: "#E2E2E2"
nav-link-active: "#E5C04A"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#1B3666"
warning: "#B58A1A"
success: "#14532D"
error: "#B91C1C"
colours-semantic-dark:
info: "#7EA0DD"
warning: "#EBC970"
success: "#7BDFA3"
error: "#EA7171"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#1B3666"
background-colour: "#1B3666"
warning:
icon: warning
primary-colour: "#B58A1A"
background-colour: "#B58A1A"
success:
icon: success
primary-colour: "#14532D"
background-colour: "#14532D"
error:
icon: error
primary-colour: "#B91C1C"
background-colour: "#B91C1C"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Cormorant Garamond:500"
font-heading: "bunny:Cormorant Garamond:700"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.60 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — rose
# Muted Laetare rose. Gaudete and Laetare Sundays — joy within penitence.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#B85D75"
background: "#FFFFFF"
nav-background: "#FBEEF1"
text: "#2B1A20"
text-muted: "#7A5662"
dark:
accent: "#E5A6B5"
background: "#1A0E12"
nav-background: "#2A1820"
text: "#F4E8EC"
text-muted: "#B89AA2"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#9C3A2A"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DC8C7E"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#9C3A2A"
background-colour: "#9C3A2A"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Cormorant Garamond:500"
font-heading: "bunny:Cormorant Garamond:700"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.60 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — sarum · bold
# Cloth-of-gold on Sarum blue. The Advent banner at full strength.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#C9A23E"
background: "#FFFFFF"
nav-background: "#1B3666"
text: "#14213D"
text-muted: "#5C667A"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#C9A23E"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#E5C04A"
background: "#0A1024"
nav-background: "#0A1428"
text: "#FFFFFF"
text-muted: "#9DB1D8"
nav-link: "#E2E2E2"
nav-link-active: "#E5C04A"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#1B3666"
warning: "#B58A1A"
success: "#14532D"
error: "#B91C1C"
colours-semantic-dark:
info: "#7EA0DD"
warning: "#EBC970"
success: "#7BDFA3"
error: "#EA7171"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#1B3666"
background-colour: "#1B3666"
warning:
icon: warning
primary-colour: "#B58A1A"
background-colour: "#B58A1A"
success:
icon: success
primary-colour: "#14532D"
background-colour: "#14532D"
error:
icon: error
primary-colour: "#B91C1C"
background-colour: "#B91C1C"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Cormorant Garamond:500"
font-heading: "bunny:Cormorant Garamond:700"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.60 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — sarum
# Deep Sarum blue. Advent in the English Use — vigilant, contemplative.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#1B3666"
background: "#FFFFFF"
nav-background: "#E2E8F1"
text: "#14213D"
text-muted: "#5C667A"
dark:
accent: "#8FA8D8"
background: "#0A1024"
nav-background: "#131A30"
text: "#ECEDF4"
text-muted: "#9498B5"
nav-link: "#E2E2E2"
nav-link-active: "#8FA8D8"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#1B3666"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#9C3A2A"
colours-semantic-dark:
info: "#7EA0DD"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DC8C7E"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#1B3666"
background-colour: "#1B3666"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#9C3A2A"
background-colour: "#9C3A2A"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Cormorant Garamond:500"
font-heading: "bunny:Cormorant Garamond:700"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.60 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — violet · bold
# Gold thread on penitential violet. Lenten vestment palette.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#C9A23E"
background: "#FFFFFF"
nav-background: "#4D1F65"
text: "#1F1226"
text-muted: "#6E5C73"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#C9A23E"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#E5C04A"
background: "#150A1B"
nav-background: "#1F0A2A"
text: "#FFFFFF"
text-muted: "#C8A3D8"
nav-link: "#E2E2E2"
nav-link-active: "#E5C04A"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#1B3666"
warning: "#B58A1A"
success: "#14532D"
error: "#B91C1C"
colours-semantic-dark:
info: "#7EA0DD"
warning: "#EBC970"
success: "#7BDFA3"
error: "#EA7171"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#1B3666"
background-colour: "#1B3666"
warning:
icon: warning
primary-colour: "#B58A1A"
background-colour: "#B58A1A"
success:
icon: success
primary-colour: "#14532D"
background-colour: "#14532D"
error:
icon: error
primary-colour: "#B91C1C"
background-colour: "#B91C1C"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Cormorant Garamond:500"
font-heading: "bunny:Cormorant Garamond:700"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.60 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — violet
# Penitential violet. Advent and Lent — preparation and repentance.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#4D1F65"
background: "#FFFFFF"
nav-background: "#EFE6F2"
text: "#1F1226"
text-muted: "#6E5C73"
dark:
accent: "#C8A3D8"
background: "#150A1B"
nav-background: "#1F1226"
text: "#F0E8F2"
text-muted: "#A998AE"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#4D1F65"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#9C3A2A"
colours-semantic-dark:
info: "#BB82D9"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DC8C7E"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#4D1F65"
background-colour: "#4D1F65"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#9C3A2A"
background-colour: "#9C3A2A"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Cormorant Garamond:500"
font-heading: "bunny:Cormorant Garamond:700"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.60 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — blue · charcoal
# White content with a charcoal nav sidebar. Colour pops on dark.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#2563EB"
background: "#FFFFFF"
nav-background: "#1A1A1F"
text: "#161618"
text-muted: "#5C5F6E"
nav-link: "#E2E2E2"
nav-link-active: "#2563EB"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
dark:
accent: "#93C5FD"
background: "#0A0A0C"
nav-background: "#000000"
text: "#F1EFEC"
text-muted: "#9C9A95"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2563EB"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#6A94F1"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2563EB"
background-colour: "#2563EB"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — blue · paper
# White paper, neutral chrome. Colour used as a confident accent.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#2563EB"
background: "#FFFFFF"
nav-background: "#F4F5F8"
text: "#15161B"
text-muted: "#5C5F6E"
dark:
accent: "#93C5FD"
background: "#0B0C10"
nav-background: "#15171C"
text: "#ECEDF1"
text-muted: "#8E919C"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2563EB"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#6A94F1"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2563EB"
background-colour: "#2563EB"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — blue · tinted
# Colour-tinted background and nav. Calm, monochromatic, brand-forward.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#2563EB"
background: "#F5F8FE"
nav-background: "#DCE6FA"
text: "#1A1A1A"
text-muted: "#5E5E66"
dark:
accent: "#93C5FD"
background: "#0A0E1C"
nav-background: "#131A2D"
text: "#F1EFEC"
text-muted: "#9C9A95"
nav-link: "#E2E2E2"
nav-link-active: "#93C5FD"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2563EB"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#6A94F1"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2563EB"
background-colour: "#2563EB"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — brown · charcoal
# White content with a charcoal nav sidebar. Colour pops on dark.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#78350F"
background: "#FFFFFF"
nav-background: "#1A1A1F"
text: "#161618"
text-muted: "#5C5F6E"
nav-link: "#E2E2E2"
nav-link-active: "#FFFFFF"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
dark:
accent: "#E5B583"
background: "#0A0A0C"
nav-background: "#000000"
text: "#F1EFEC"
text-muted: "#9C9A95"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#9C3A2A"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DC8C7E"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#9C3A2A"
background-colour: "#9C3A2A"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — brown · paper
# White paper, neutral chrome. Colour used as a confident accent.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#78350F"
background: "#FFFFFF"
nav-background: "#F4F5F8"
text: "#15161B"
text-muted: "#5C5F6E"
dark:
accent: "#E5B583"
background: "#0B0C10"
nav-background: "#15171C"
text: "#ECEDF1"
text-muted: "#8E919C"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#9C3A2A"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DC8C7E"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#9C3A2A"
background-colour: "#9C3A2A"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — brown · tinted
# Colour-tinted background and nav. Calm, monochromatic, brand-forward.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#78350F"
background: "#FBF8F2"
nav-background: "#ECDFC9"
text: "#1A1A1A"
text-muted: "#5E5E66"
dark:
accent: "#E5B583"
background: "#14100A"
nav-background: "#1F1810"
text: "#F1EFEC"
text-muted: "#9C9A95"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#9C3A2A"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DC8C7E"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#9C3A2A"
background-colour: "#9C3A2A"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — amber · bold
# Amber as the whole sidebar. Dark text on yellow — BVG energy, dialled into a brand system.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#1A1814"
background: "#FFFFFF"
nav-background: "#F9AD18"
text: "#1A1814"
text-muted: "#5C5A52"
nav-link: "rgba(0,0,0,0.85)"
nav-link-active: "#1A1814"
nav-section-heading: "rgba(0,0,0,0.60)"
nav-sitename: "#000000"
nav-description: "rgba(0,0,0,0.65)"
nav-toggle: "rgba(0,0,0,0.65)"
dark:
accent: "#FFC85A"
background: "#0F0D0A"
nav-background: "#3F2F08"
text: "#FFFFFF"
text-muted: "#C9B580"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#FFC85A"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#D88A0C"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#F6BF64"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#D88A0C"
background-colour: "#D88A0C"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — amber · charcoal
# White content with a charcoal nav sidebar. Amber pops on dark.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#F9AD18"
background: "#FFFFFF"
nav-background: "#1A1814"
text: "#161412"
text-muted: "#5C5A52"
nav-link: "#E2E2E2"
nav-link-active: "#F9AD18"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
dark:
accent: "#FFB72E"
background: "#0A0907"
nav-background: "#000000"
text: "#F2EFE8"
text-muted: "#9C9890"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#3B73C4"
warning: "#F9AD18"
success: "#2F8A5A"
error: "#D04040"
colours-semantic-dark:
info: "#82A5D9"
warning: "#F9AD18"
success: "#85D6AB"
error: "#DF7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#3B73C4"
background-colour: "#3B73C4"
warning:
icon: warning
primary-colour: "#F9AD18"
background-colour: "#F9AD18"
success:
icon: success
primary-colour: "#2F8A5A"
background-colour: "#2F8A5A"
error:
icon: error
primary-colour: "#D04040"
background-colour: "#D04040"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — amber · mono
# Amber-tinted neutrals throughout. Calm, monochromatic, brand-forward.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#F9AD18"
background: "#FCFAF3"
nav-background: "#F2E9C7"
text: "#1F1A0A"
text-muted: "#6B6248"
nav-link: "#1F1A0A"
nav-link-active: "#1A1A1A"
nav-section-heading: "#6B6248"
nav-sitename: "#1F1A0A"
nav-description: "#6B6248"
nav-toggle: "#6B6248"
dark:
accent: "#FFCB55"
background: "#13110A"
nav-background: "#1F1B0F"
text: "#F2EEDD"
text-muted: "#9F9778"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#D88A0C"
success: "#2F7A4A"
error: "#B33A2A"
colours-semantic-dark:
info: "#80A5DB"
warning: "#F6BF64"
success: "#89D2A3"
error: "#E0877B"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#D88A0C"
background-colour: "#D88A0C"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#B33A2A"
background-colour: "#B33A2A"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — amber · paper
# White paper, neutral chrome. Amber as a confident highlight.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#F9AD18"
background: "#FFFFFF"
nav-background: "#F5F4F0"
text: "#1A1814"
text-muted: "#5C5A52"
nav-link: "#1A1814"
nav-link-active: "#1A1A1A"
nav-section-heading: "#5C5A52"
nav-sitename: "#1A1814"
nav-description: "#5C5A52"
nav-toggle: "#5C5A52"
dark:
accent: "#FFC04A"
background: "#0F0D0A"
nav-background: "#1A1712"
text: "#F2EFE8"
text-muted: "#A39E92"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#F9AD18"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#F9AD18"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#F9AD18"
background-colour: "#F9AD18"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

80
themes/CAP/amber-sun.yaml Normal file
View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — amber · sun
# Cream paper, amber-tinted nav. The colour lives in a warm world.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#F9AD18"
background: "#FFFBF1"
nav-background: "#FCF0CE"
text: "#241A0A"
text-muted: "#6E5F40"
nav-link: "#241A0A"
nav-link-active: "#1A1A1A"
nav-section-heading: "#6E5F40"
nav-sitename: "#241A0A"
nav-description: "#6E5F40"
nav-toggle: "#6E5F40"
dark:
accent: "#FFC85A"
background: "#181308"
nav-background: "#241B0D"
text: "#F5EBD5"
text-muted: "#A9987A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#D88A0C"
success: "#3F6B3C"
error: "#9C3A2A"
colours-semantic-dark:
info: "#80A5DB"
warning: "#F6BF64"
success: "#8DD289"
error: "#DC8C7E"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#D88A0C"
background-colour: "#D88A0C"
success:
icon: success
primary-colour: "#3F6B3C"
background-colour: "#3F6B3C"
error:
icon: error
primary-colour: "#9C3A2A"
background-colour: "#9C3A2A"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — indigo · bold
# Indigo as the sidebar itself. Gold accent for content links — institutional and confident.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#C9A23E"
background: "#FFFFFF"
nav-background: "#29307D"
text: "#15172B"
text-muted: "#5C6079"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#C9A23E"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#E5C04A"
background: "#0C0E1C"
nav-background: "#1A1F4F"
text: "#FFFFFF"
text-muted: "#B0B8E0"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#E5C04A"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#29307D"
warning: "#B58A1A"
success: "#2F7A4A"
error: "#B91C1C"
colours-semantic-dark:
info: "#848BD7"
warning: "#EBC970"
success: "#89D2A3"
error: "#EA7171"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#29307D"
background-colour: "#29307D"
warning:
icon: warning
primary-colour: "#B58A1A"
background-colour: "#B58A1A"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#B91C1C"
background-colour: "#B91C1C"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — indigo · contrast
# Pure white, near-black text, sharper chrome. High-contrast, minimal.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#29307D"
background: "#FFFFFF"
nav-background: "#FFFFFF"
text: "#0A0A0F"
text-muted: "#525266"
dark:
accent: "#C4C8F2"
background: "#000000"
nav-background: "#0A0A12"
text: "#FFFFFF"
text-muted: "#9C9FB5"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#29307D"
warning: "#B26A1F"
success: "#1F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#848BD7"
warning: "#E7AF74"
success: "#7DDEAB"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#29307D"
background-colour: "#29307D"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#1F7A4A"
background-colour: "#1F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.65 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — indigo dusk
# Deep indigo on cool gray. Geometric, contemporary, technical.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#4F46E5"
background: "#FBFBFE"
nav-background: "#EFF0F8"
text: "#15172B"
text-muted: "#6A6D8F"
dark:
accent: "#A39BFF"
background: "#0B0C1C"
nav-background: "#14162B"
text: "#EAEBF5"
text-muted: "#9698B8"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#4F46E5"
warning: "#C77A12"
success: "#0E8A5F"
error: "#D63F4A"
colours-semantic-dark:
info: "#7770EB"
warning: "#F1B869"
success: "#6BF0C2"
error: "#E27980"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#4F46E5"
background-colour: "#4F46E5"
warning:
icon: warning
primary-colour: "#C77A12"
background-colour: "#C77A12"
success:
icon: success
primary-colour: "#0E8A5F"
background-colour: "#0E8A5F"
error:
icon: error
primary-colour: "#D63F4A"
background-colour: "#D63F4A"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Space Grotesk:400"
font-heading: "bunny:Space Grotesk:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.65 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — indigo · monochrome
# Blue-tinted neutrals throughout. Calm, monochromatic, brand-forward.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#29307D"
background: "#F7F8FC"
nav-background: "#E7EAF4"
text: "#1A1E3A"
text-muted: "#5F6585"
dark:
accent: "#A5ABE6"
background: "#0A0D1F"
nav-background: "#141833"
text: "#E6E8F4"
text-muted: "#8A8FB0"
nav-link: "#E2E2E2"
nav-link-active: "#A5ABE6"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#29307D"
warning: "#C77A12"
success: "#0E8A5F"
error: "#D63F4A"
colours-semantic-dark:
info: "#848BD7"
warning: "#F1B869"
success: "#6BF0C2"
error: "#E27980"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#29307D"
background-colour: "#29307D"
warning:
icon: warning
primary-colour: "#C77A12"
background-colour: "#C77A12"
success:
icon: success
primary-colour: "#0E8A5F"
background-colour: "#0E8A5F"
error:
icon: error
primary-colour: "#D63F4A"
background-colour: "#D63F4A"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — indigo · paper
# Crisp paper white with cool neutral chrome. The default.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#29307D"
background: "#FFFFFF"
nav-background: "#F4F5F9"
text: "#15172B"
text-muted: "#5C6079"
dark:
accent: "#9AA0E8"
background: "#0C0E1C"
nav-background: "#161A2E"
text: "#ECEDF4"
text-muted: "#9498B5"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#29307D"
warning: "#B26A1F"
success: "#2F7A5A"
error: "#B33A3A"
colours-semantic-dark:
info: "#848BD7"
warning: "#E7AF74"
success: "#89D2B3"
error: "#D78484"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#29307D"
background-colour: "#29307D"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A5A"
background-colour: "#2F7A5A"
error:
icon: error
primary-colour: "#B33A3A"
background-colour: "#B33A3A"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — indigo · warm
# Off-white paper, warm gray chrome. Reads softer, more editorial.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#29307D"
background: "#FBF9F4"
nav-background: "#F1ECE0"
text: "#1F1B14"
text-muted: "#6E6557"
dark:
accent: "#B4B9F0"
background: "#14110C"
nav-background: "#1F1B14"
text: "#F1EDE2"
text-muted: "#A99E8A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#29307D"
warning: "#A35A0F"
success: "#3F6B3C"
error: "#9C3A2A"
colours-semantic-dark:
info: "#848BD7"
warning: "#F1AE6A"
success: "#8DD289"
error: "#DC8C7E"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#29307D"
background-colour: "#29307D"
warning:
icon: warning
primary-colour: "#A35A0F"
background-colour: "#A35A0F"
success:
icon: success
primary-colour: "#3F6B3C"
background-colour: "#3F6B3C"
error:
icon: error
primary-colour: "#9C3A2A"
background-colour: "#9C3A2A"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — kids · crayon
# Saturated primaries on warm white. Bold but dignified — Nunito Sans bold.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#E63946"
background: "#FFFEF8"
nav-background: "#FFE8C8"
text: "#1A1A1A"
text-muted: "#6E6052"
nav-link: "#1A1A1A"
nav-link-active: "#A12831"
nav-section-heading: "#6E6052"
nav-sitename: "#1A1A1A"
nav-description: "#6E6052"
nav-toggle: "#6E6052"
dark:
accent: "#FF8B6E"
background: "#1A1814"
nav-background: "#2A2418"
text: "#FAF8F0"
text-muted: "#A89878"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2A6FCF"
warning: "#E69B1F"
success: "#2F8A4A"
error: "#E63946"
colours-semantic-dark:
info: "#77A5E3"
warning: "#EFBD6C"
success: "#85D69D"
error: "#ED6E78"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2A6FCF"
background-colour: "#2A6FCF"
warning:
icon: warning
primary-colour: "#E69B1F"
background-colour: "#E69B1F"
success:
icon: success
primary-colour: "#2F8A4A"
background-colour: "#2F8A4A"
error:
icon: error
primary-colour: "#E63946"
background-colour: "#E63946"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Nunito Sans:400"
font-heading: "bunny:Nunito Sans:800"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — kids · meadow
# Fresh meadow green on a sunny cream. Outdoors and curious.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#4A8F3F"
background: "#F7FBF3"
nav-background: "#DFEFD0"
text: "#1A2E1A"
text-muted: "#5E7858"
dark:
accent: "#88C870"
background: "#0E1A0C"
nav-background: "#14241F"
text: "#ECF4E2"
text-muted: "#8AA88A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2A6FCF"
warning: "#E69B1F"
success: "#4A8F3F"
error: "#C04848"
colours-semantic-dark:
info: "#77A5E3"
warning: "#EFBD6C"
success: "#93D289"
error: "#D58686"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2A6FCF"
background-colour: "#2A6FCF"
warning:
icon: warning
primary-colour: "#E69B1F"
background-colour: "#E69B1F"
success:
icon: success
primary-colour: "#4A8F3F"
background-colour: "#4A8F3F"
error:
icon: error
primary-colour: "#C04848"
background-colour: "#C04848"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Nunito Sans:400"
font-heading: "bunny:Nunito Sans:800"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — kids · storybook
# Soft pastel coral with serif headlines. Reads like a children\'s book.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#C25A3F"
background: "#FFF8F0"
nav-background: "#FFE8D8"
text: "#2A1F1A"
text-muted: "#8A6F5E"
dark:
accent: "#FFA078"
background: "#1A140E"
nav-background: "#251812"
text: "#F4E8D8"
text-muted: "#B89580"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#5A7AB8"
warning: "#C25A3F"
success: "#3F8A5A"
error: "#A0381F"
colours-semantic-dark:
info: "#89A2D2"
warning: "#D89583"
success: "#89D2A3"
error: "#E58C76"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#5A7AB8"
background-colour: "#5A7AB8"
warning:
icon: warning
primary-colour: "#C25A3F"
background-colour: "#C25A3F"
success:
icon: success
primary-colour: "#3F8A5A"
background-colour: "#3F8A5A"
error:
icon: error
primary-colour: "#A0381F"
background-colour: "#A0381F"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Nunito Sans:400"
font-heading: "bunny:Newsreader:600"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.75 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — coffee · cortado
# Balanced warm beige. Equal parts milk and espresso — the goldilocks of the three.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#6F3A1F"
background: "#FBF6EA"
nav-background: "#F2E2C0"
text: "#2A1A0F"
text-muted: "#6E5A40"
dark:
accent: "#D8945C"
background: "#1A130A"
nav-background: "#251A10"
text: "#F0E0CC"
text-muted: "#A89580"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#5A7AB8"
warning: "#B26A1F"
success: "#3F6B3C"
error: "#9C3A2A"
colours-semantic-dark:
info: "#89A2D2"
warning: "#E7AF74"
success: "#8DD289"
error: "#DC8C7E"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#5A7AB8"
background-colour: "#5A7AB8"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#3F6B3C"
background-colour: "#3F6B3C"
error:
icon: error
primary-colour: "#9C3A2A"
background-colour: "#9C3A2A"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Newsreader:400"
font-heading: "bunny:Newsreader:600"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.65 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — coffee · espresso
# Dark roast. Rich espresso brown on warm cream — strongest of the three.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#3D1E0F"
background: "#FAF2E2"
nav-background: "#3D1E0F"
text: "#2A1810"
text-muted: "#6E5640"
nav-link: "#E2E2E2"
nav-link-active: "#FFFFFF"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
dark:
accent: "#C99060"
background: "#140A05"
nav-background: "#000000"
text: "#F0E0CC"
text-muted: "#A88068"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#3D1E0F"
warning: "#B26A1F"
success: "#3F6B3C"
error: "#9C3A2A"
colours-semantic-dark:
info: "#DF9C7C"
warning: "#E7AF74"
success: "#8DD289"
error: "#DC8C7E"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#3D1E0F"
background-colour: "#3D1E0F"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#3F6B3C"
background-colour: "#3F6B3C"
error:
icon: error
primary-colour: "#9C3A2A"
background-colour: "#9C3A2A"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Newsreader:400"
font-heading: "bunny:Newsreader:600"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.65 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — coffee · latte
# Cream and milky caramel. Soft contrast — gentle on the eyes.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#8B5A3C"
background: "#F8F0E2"
nav-background: "#EDDFC8"
text: "#3A2A1A"
text-muted: "#75604A"
dark:
accent: "#D8A878"
background: "#1F1810"
nav-background: "#2A1F15"
text: "#F0E2CC"
text-muted: "#A89580"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#5A7AB8"
warning: "#B26A1F"
success: "#3F6B3C"
error: "#9C3A2A"
colours-semantic-dark:
info: "#89A2D2"
warning: "#E7AF74"
success: "#8DD289"
error: "#DC8C7E"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#5A7AB8"
background-colour: "#5A7AB8"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#3F6B3C"
background-colour: "#3F6B3C"
error:
icon: error
primary-colour: "#9C3A2A"
background-colour: "#9C3A2A"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Newsreader:400"
font-heading: "bunny:Newsreader:600"
font-size: 1.05 # unitless multiplier (1.0 = 16px base)
line-height: 1.65 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — catppuccin
# Soothing pastel theme — Latte for day, Mocha for night.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#1E66F5"
background: "#EFF1F5"
nav-background: "#E6E9EF"
text: "#4C4F69"
text-muted: "#6C6F85"
dark:
accent: "#89B4FA"
background: "#1E1E2E"
nav-background: "#181825"
text: "#CDD6F4"
text-muted: "#BAC2DE"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#89B4FA"
warning: "#FAB387"
success: "#A6E3A1"
error: "#F38BA8"
colours-semantic-dark:
info: "#629BF8"
warning: "#FAB387"
success: "#A6E3A1"
error: "#F06B90"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#89B4FA"
background-colour: "#89B4FA"
warning:
icon: warning
primary-colour: "#FAB387"
background-colour: "#FAB387"
success:
icon: success
primary-colour: "#A6E3A1"
background-colour: "#A6E3A1"
error:
icon: error
primary-colour: "#F38BA8"
background-colour: "#F38BA8"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — dracula
# Gothic purple-on-shadow. The canonical IDE pink + purple + cyan palette.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#BD93F9"
background: "#F8F8F2"
nav-background: "#E8E6F0"
text: "#282A36"
text-muted: "#6272A4"
nav-link: "#282A36"
nav-link-active: "#1A1A1A"
nav-section-heading: "#6272A4"
nav-sitename: "#282A36"
nav-description: "#6272A4"
nav-toggle: "#6272A4"
dark:
accent: "#BD93F9"
background: "#282A36"
nav-background: "#21222C"
text: "#F8F8F2"
text-muted: "#6272A4"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#8BE9FD"
warning: "#FFB86C"
success: "#50FA7B"
error: "#FF5555"
colours-semantic-dark:
info: "#8BE9FD"
warning: "#FFB86C"
success: "#50FA7B"
error: "#FF5C5C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#8BE9FD"
background-colour: "#8BE9FD"
warning:
icon: warning
primary-colour: "#FFB86C"
background-colour: "#FFB86C"
success:
icon: success
primary-colour: "#50FA7B"
background-colour: "#50FA7B"
error:
icon: error
primary-colour: "#FF5555"
background-colour: "#FF5555"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — gruvbox
# Retro-warm groovy palette — pape's cult-favourite earth tones.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#076678"
background: "#FBF1C7"
nav-background: "#EBDBB2"
text: "#3C3836"
text-muted: "#665C54"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#076678"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#83A598"
background: "#282828"
nav-background: "#3C3836"
text: "#EBDBB2"
text-muted: "#A89984"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#458588"
warning: "#D65D0E"
success: "#98971A"
error: "#CC241D"
colours-semantic-dark:
info: "#89CFD2"
warning: "#F59E66"
success: "#E7E674"
error: "#EB7570"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#458588"
background-colour: "#458588"
warning:
icon: warning
primary-colour: "#D65D0E"
background-colour: "#D65D0E"
success:
icon: success
primary-colour: "#98971A"
background-colour: "#98971A"
error:
icon: error
primary-colour: "#CC241D"
background-colour: "#CC241D"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — monokai
# The 2006 TextMate classic — high-saturation on warm charcoal.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#F92672"
background: "#FAFAF6"
nav-background: "#F0EFE8"
text: "#272822"
text-muted: "#75715E"
dark:
accent: "#F92672"
background: "#272822"
nav-background: "#1E1F1B"
text: "#F8F8F2"
text-muted: "#75715E"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#66D9EF"
warning: "#FD971F"
success: "#A6E22E"
error: "#F92672"
colours-semantic-dark:
info: "#66D9EF"
warning: "#FEB45D"
success: "#A6E22E"
error: "#FB6098"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#66D9EF"
background-colour: "#66D9EF"
warning:
icon: warning
primary-colour: "#FD971F"
background-colour: "#FD971F"
success:
icon: success
primary-colour: "#A6E22E"
background-colour: "#A6E22E"
error:
icon: error
primary-colour: "#F92672"
background-colour: "#F92672"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — nord
# Arctic, north-bluish palette — Polar Night + Snow Storm + Frost.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#5E81AC"
background: "#ECEFF4"
nav-background: "#E5E9F0"
text: "#2E3440"
text-muted: "#4C566A"
dark:
accent: "#88C0D0"
background: "#2E3440"
nav-background: "#3B4252"
text: "#ECEFF4"
text-muted: "#D8DEE9"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#5E81AC"
warning: "#D08770"
success: "#A3BE8C"
error: "#BF616A"
colours-semantic-dark:
info: "#89AAD2"
warning: "#D79884"
success: "#AAD289"
error: "#D28990"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#5E81AC"
background-colour: "#5E81AC"
warning:
icon: warning
primary-colour: "#D08770"
background-colour: "#D08770"
success:
icon: success
primary-colour: "#A3BE8C"
background-colour: "#A3BE8C"
error:
icon: error
primary-colour: "#BF616A"
background-colour: "#BF616A"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — one dark
# Atom's signature theme — soft greys with cool primary accents.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#4078F2"
background: "#FAFAFA"
nav-background: "#F0F0F0"
text: "#383A42"
text-muted: "#A0A1A7"
nav-link: "#383A42"
nav-link-active: "#4078F2"
nav-section-heading: "#5C5C5C"
nav-sitename: "#383A42"
nav-description: "#5C5C5C"
nav-toggle: "#5C5C5C"
dark:
accent: "#61AFEF"
background: "#282C34"
nav-background: "#21252B"
text: "#ABB2BF"
text-muted: "#5C6370"
nav-link: "#E2E2E2"
nav-link-active: "#61AFEF"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#61AFEF"
warning: "#E5C07B"
success: "#98C379"
error: "#E06C75"
colours-semantic-dark:
info: "#6BB4F0"
warning: "#E5C07B"
success: "#A7D289"
error: "#E37880"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#61AFEF"
background-colour: "#61AFEF"
warning:
icon: warning
primary-colour: "#E5C07B"
background-colour: "#E5C07B"
success:
icon: success
primary-colour: "#98C379"
background-colour: "#98C379"
error:
icon: error
primary-colour: "#E06C75"
background-colour: "#E06C75"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — solarized
# Ethan Schoonover's precision palette — same hues, swapped backgrounds.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#268BD2"
background: "#FDF6E3"
nav-background: "#EEE8D5"
text: "#073642"
text-muted: "#586E75"
dark:
accent: "#268BD2"
background: "#002B36"
nav-background: "#073642"
text: "#EEE8D5"
text-muted: "#93A1A1"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#268BD2"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#268BD2"
warning: "#CB4B16"
success: "#859900"
error: "#DC322F"
colours-semantic-dark:
info: "#75B7E6"
warning: "#EF926C"
success: "#EAFF5C"
error: "#E77573"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#268BD2"
background-colour: "#268BD2"
warning:
icon: warning
primary-colour: "#CB4B16"
background-colour: "#CB4B16"
success:
icon: success
primary-colour: "#859900"
background-colour: "#859900"
error:
icon: error
primary-colour: "#DC322F"
background-colour: "#DC322F"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — tokyo night
# Neon storefront on midnight asphalt. enkia's vivid Tokyo palette.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#34548A"
background: "#E1E2E7"
nav-background: "#D5D6DB"
text: "#343B58"
text-muted: "#565A6E"
dark:
accent: "#7AA2F7"
background: "#1A1B26"
nav-background: "#16161E"
text: "#C0CAF5"
text-muted: "#A9B1D6"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#7AA2F7"
warning: "#E0AF68"
success: "#9ECE6A"
error: "#F7768E"
colours-semantic-dark:
info: "#6593F6"
warning: "#E3B778"
success: "#9ECE6A"
error: "#F66580"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#7AA2F7"
background-colour: "#7AA2F7"
warning:
icon: warning
primary-colour: "#E0AF68"
background-colour: "#E0AF68"
success:
icon: success
primary-colour: "#9ECE6A"
background-colour: "#9ECE6A"
error:
icon: error
primary-colour: "#F7768E"
background-colour: "#F7768E"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — gov · civic
# USWDS-style civic palette — restrained navy and red on cool gray.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#112E51"
background: "#FFFFFF"
nav-background: "#F0F0F0"
text: "#1B1B1B"
text-muted: "#5C5C5C"
dark:
accent: "#5A9AD8"
background: "#0E1A2E"
nav-background: "#112E51"
text: "#F0F0F0"
text-muted: "#A8B0BC"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#112E51"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#112E51"
warning: "#BE7E2C"
success: "#2E8540"
error: "#BE2C2C"
colours-semantic-dark:
info: "#78A8E3"
warning: "#E0B47A"
success: "#86D596"
error: "#E07A7A"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#112E51"
background-colour: "#112E51"
warning:
icon: warning
primary-colour: "#BE7E2C"
background-colour: "#BE7E2C"
success:
icon: success
primary-colour: "#2E8540"
background-colour: "#2E8540"
error:
icon: error
primary-colour: "#BE2C2C"
background-colour: "#BE2C2C"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Public Sans:400"
font-heading: "bunny:Public Sans:700"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.65 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — gov · eu
# European Union institutional blue and gold. Clean and authoritative.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#003399"
background: "#FFFFFF"
nav-background: "#E6EBF5"
text: "#1F1F1F"
text-muted: "#4F5763"
dark:
accent: "#FFCC00"
background: "#0A1024"
nav-background: "#131A30"
text: "#ECEDF4"
text-muted: "#9498B5"
nav-link: "#E2E2E2"
nav-link-active: "#FFCC00"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#003399"
warning: "#FFCC00"
success: "#1F6B3C"
error: "#A1001C"
colours-semantic-dark:
info: "#5C92FF"
warning: "#FFCC00"
success: "#80DAA3"
error: "#FF5C78"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#003399"
background-colour: "#003399"
warning:
icon: warning
primary-colour: "#FFCC00"
background-colour: "#FFCC00"
success:
icon: success
primary-colour: "#1F6B3C"
background-colour: "#1F6B3C"
error:
icon: error
primary-colour: "#A1001C"
background-colour: "#A1001C"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Public Sans:400"
font-heading: "bunny:Public Sans:700"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.65 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — gov · uk
# GOV.UK palette — black text, link blue (#1D70B8), warm neutral chrome.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#1D70B8"
background: "#FFFFFF"
nav-background: "#F3F2F1"
text: "#0B0C0C"
text-muted: "#505A5F"
dark:
accent: "#5694CA"
background: "#0B0C0C"
nav-background: "#1A1A1A"
text: "#FFFFFF"
text-muted: "#B1B4B6"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#1D70B8"
warning: "#F47738"
success: "#00703C"
error: "#D4351C"
colours-semantic-dark:
info: "#72B2E9"
warning: "#F69564"
success: "#5CFFB3"
error: "#EC806F"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#1D70B8"
background-colour: "#1D70B8"
warning:
icon: warning
primary-colour: "#F47738"
background-colour: "#F47738"
success:
icon: success
primary-colour: "#00703C"
background-colour: "#00703C"
error:
icon: error
primary-colour: "#D4351C"
background-colour: "#D4351C"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Public Sans:400"
font-heading: "bunny:Public Sans:700"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.65 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — gray · mono
# Pure black on white. Maximum restraint — no chrome, no tint.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#000000"
background: "#FFFFFF"
nav-background: "#FFFFFF"
text: "#000000"
text-muted: "#737380"
dark:
accent: "#FFFFFF"
background: "#000000"
nav-background: "#000000"
text: "#FFFFFF"
text-muted: "#8A8A92"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#1F2937"
warning: "#1F2937"
success: "#1F2937"
error: "#1F2937"
colours-semantic-dark:
info: "#89A7D2"
warning: "#89A7D2"
success: "#89A7D2"
error: "#89A7D2"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#1F2937"
background-colour: "#1F2937"
warning:
icon: warning
primary-colour: "#1F2937"
background-colour: "#1F2937"
success:
icon: success
primary-colour: "#1F2937"
background-colour: "#1F2937"
error:
icon: error
primary-colour: "#1F2937"
background-colour: "#1F2937"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — gray · paper
# White paper, neutral chrome. Colour used as a confident accent.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#1F2937"
background: "#FFFFFF"
nav-background: "#F4F5F8"
text: "#15161B"
text-muted: "#5C5F6E"
dark:
accent: "#E5E7EB"
background: "#0B0C10"
nav-background: "#15171C"
text: "#ECEDF1"
text-muted: "#8E919C"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — gray · tinted
# Colour-tinted background and nav. Calm, monochromatic, brand-forward.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#1F2937"
background: "#FAFAFA"
nav-background: "#EBEBED"
text: "#1A1A1A"
text-muted: "#5E5E66"
dark:
accent: "#E5E7EB"
background: "#0E0E10"
nav-background: "#18181B"
text: "#F1EFEC"
text-muted: "#9C9A95"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — green · charcoal
# White content with a charcoal nav sidebar. Colour pops on dark.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#16A34A"
background: "#FFFFFF"
nav-background: "#1A1A1F"
text: "#161618"
text-muted: "#5C5F6E"
nav-link: "#E2E2E2"
nav-link-active: "#16A34A"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
dark:
accent: "#86EFAC"
background: "#0A0A0C"
nav-background: "#000000"
text: "#F1EFEC"
text-muted: "#9C9A95"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#16A34A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#6FEC9D"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#16A34A"
background-colour: "#16A34A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — green · paper
# White paper, neutral chrome. Colour used as a confident accent.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#16A34A"
background: "#FFFFFF"
nav-background: "#F4F5F8"
text: "#15161B"
text-muted: "#5C5F6E"
dark:
accent: "#86EFAC"
background: "#0B0C10"
nav-background: "#15171C"
text: "#ECEDF1"
text-muted: "#8E919C"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#16A34A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#6FEC9D"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#16A34A"
background-colour: "#16A34A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — green · tinted
# Colour-tinted background and nav. Calm, monochromatic, brand-forward.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#16A34A"
background: "#F4FCF6"
nav-background: "#DDF1E2"
text: "#1A1A1A"
text-muted: "#5E5E66"
nav-link: "#1A1A1A"
nav-link-active: "#1A1A1A"
nav-section-heading: "#5E5E66"
nav-sitename: "#1A1A1A"
nav-description: "#5E5E66"
nav-toggle: "#5E5E66"
dark:
accent: "#86EFAC"
background: "#0A1410"
nav-background: "#11201A"
text: "#F1EFEC"
text-muted: "#9C9A95"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#16A34A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#6FEC9D"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#16A34A"
background-colour: "#16A34A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — canada · bold
# The Maple Leaf — pure Pantone 032 red on white.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#FF0000"
background: "#FFFFFF"
nav-background: "#FF0000"
text: "#1A1A1A"
text-muted: "#5C5C5C"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#FFFFFF"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#FF4040"
background: "#180608"
nav-background: "#000000"
text: "#FFFFFF"
text-muted: "#B89090"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — canada · muted
# Maple-syrup russet and parchment — autumn Canadiana.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#9C2030"
background: "#FAF6F2"
nav-background: "#EDD8D0"
text: "#2A1A18"
text-muted: "#7A5E5C"
dark:
accent: "#D85060"
background: "#180C0C"
nav-background: "#241414"
text: "#F0E5DC"
text-muted: "#A89080"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — china · bold
# Wǔxīng Hóngqí — vivid red and gold, the flag at full strength.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#EE1C25"
background: "#FFFFFF"
nav-background: "#EE1C25"
text: "#1A1A1A"
text-muted: "#5C5C5C"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#FFFFFF"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#FFCD00"
background: "#1A0608"
nav-background: "#000000"
text: "#FFFFFF"
text-muted: "#B89090"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — china · muted
# Cinnabar and antique gold — the same palette tempered.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#9C2030"
background: "#FBF6F0"
nav-background: "#F0DDD8"
text: "#2A1818"
text-muted: "#7A5E5E"
dark:
accent: "#D8A848"
background: "#180C0E"
nav-background: "#241418"
text: "#F0E5D0"
text-muted: "#A89880"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — ireland · bold
# Tricolour at full saturation — green accent on white, an orange sidebar to balance.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#169B62"
background: "#FFFFFF"
nav-background: "#FF883E"
text: "#0A3F2A"
text-muted: "#5E7868"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#FFFFFF"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#FF883E"
background: "#0A2A1F"
nav-background: "#0F3E2C"
text: "#FFFFFF"
text-muted: "#A8C0B0"
nav-link: "#E2E2E2"
nav-link-active: "#FF883E"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — ireland · muted
# Mossy green and oat — same hues, dialled back for everyday.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#3F7A5A"
background: "#F8FAF6"
nav-background: "#EEE3D0"
text: "#1A2A20"
text-muted: "#6E7A6E"
dark:
accent: "#88B89C"
background: "#0D1614"
nav-background: "#1A2218"
text: "#E8EFE8"
text-muted: "#90A096"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — italy · bold
# Il Tricolore — vivid green sidebar, crimson accent on ivory.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#CE2B37"
background: "#FFFFFF"
nav-background: "#009246"
text: "#0A2A1A"
text-muted: "#5C7868"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#FFFFFF"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#E84858"
background: "#0D2418"
nav-background: "#0F3D24"
text: "#FFFFFF"
text-muted: "#A8C0B0"
nav-link: "#E2E2E2"
nav-link-active: "#E84858"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — italy · muted
# Terracotta and olive — Italian palette in a quieter register.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#7A2A2F"
background: "#FBF8F2"
nav-background: "#E6E2D0"
text: "#241A18"
text-muted: "#6E5E5C"
dark:
accent: "#D8786E"
background: "#1A1010"
nav-background: "#241616"
text: "#F0E5DC"
text-muted: "#A89888"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — kenya · bold
# Bendera ya Kenya — red, deep green, and black at full intensity.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#BB0000"
background: "#FFFFFF"
nav-background: "#006600"
text: "#1A1A1A"
text-muted: "#5C5C5C"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#FFFFFF"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#E84040"
background: "#0A1A0A"
nav-background: "#000000"
text: "#FFFFFF"
text-muted: "#A8B0A8"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — kenya · muted
# Soft acacia greens with brick-red accent — calmer Kenyan palette.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#7A2A2A"
background: "#FBF8F2"
nav-background: "#E4EAD8"
text: "#1A2418"
text-muted: "#6E7A6E"
dark:
accent: "#D8786E"
background: "#0F1614"
nav-background: "#1A211A"
text: "#F0E5DC"
text-muted: "#A8989A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — the netherlands · bold
# Bright red, ivory, royal blue — the Dutch tricolour in full voice.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#AE1C28"
background: "#FFFFFF"
nav-background: "#21468B"
text: "#1A2447"
text-muted: "#5C6E94"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#FFFFFF"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#E5404E"
background: "#0E1A36"
nav-background: "#162854"
text: "#FFFFFF"
text-muted: "#9DB1D8"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#E5404E"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — the netherlands · muted
# Delft-blue accent on cool ivory — the volume turned down.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#2F4F8F"
background: "#FAFBFD"
nav-background: "#E4E8F1"
text: "#1A2238"
text-muted: "#6E7588"
dark:
accent: "#88A0D8"
background: "#0E1422"
nav-background: "#16203A"
text: "#E8ECF4"
text-muted: "#9098AC"
nav-link: "#E2E2E2"
nav-link-active: "#88A0D8"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,80 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — south africa · bold
# Six-colour palette — emerald accent, gold highlight, black sidebar.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#007749"
background: "#FFFFFF"
nav-background: "#000000"
text: "#1A1A1A"
text-muted: "#5C5C5C"
nav-link: "#E2E2E2"
nav-link-active: "#007749"
nav-section-heading: "#9A9A9A"
nav-sitename: "#FFFFFF"
nav-description: "#9A9A9A"
nav-toggle: "#9A9A9A"
dark:
accent: "#FFB81C"
background: "#0A1A12"
nav-background: "#000000"
text: "#FFFFFF"
text-muted: "#A8B0A8"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,74 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — south africa · muted
# Savannah greens and ochre — earth tones from the same family.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#3F7A5A"
background: "#FAF8F2"
nav-background: "#EBE2D0"
text: "#1F2A20"
text-muted: "#6E7A6E"
dark:
accent: "#C9A55A"
background: "#0F1814"
nav-background: "#1A211A"
text: "#EFEAE0"
text-muted: "#9A988C"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

View file

@ -0,0 +1,86 @@
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — south korea · bold
# Taegukgi — red and blue from the central taegeuk, on white.
# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
accent: "#CD2E3A"
background: "#FFFFFF"
nav-background: "#0047A0"
text: "#1A1A1A"
text-muted: "#5C5C5C"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#FFFFFF"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
dark:
accent: "#E5404E"
background: "#001A40"
nav-background: "#001236"
text: "#FFFFFF"
text-muted: "#9DB1D0"
nav-link: "rgba(255,255,255,0.92)"
nav-link-active: "#E5404E"
nav-section-heading: "rgba(255,255,255,0.65)"
nav-sitename: "#FFFFFF"
nav-description: "rgba(255,255,255,0.70)"
nav-toggle: "rgba(255,255,255,0.70)"
# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
info: "#2B5797"
warning: "#B26A1F"
success: "#2F7A4A"
error: "#C13030"
colours-semantic-dark:
info: "#80A5DB"
warning: "#E7AF74"
success: "#89D2A3"
error: "#DE7C7C"
# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
info:
icon: info
primary-colour: "#2B5797"
background-colour: "#2B5797"
warning:
icon: warning
primary-colour: "#B26A1F"
background-colour: "#B26A1F"
success:
icon: success
primary-colour: "#2F7A4A"
background-colour: "#2F7A4A"
error:
icon: error
primary-colour: "#C13030"
background-colour: "#C13030"
# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight" (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:IBM Plex Sans:300"
font-heading: "bunny:IBM Plex Sans:600"
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
line-height: 1.70 # unitless multiplier
# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 80em
nav-width: 20em

Some files were not shown because too many files have changed in this diff Show more