mdcms/themes/Accessibility-first/a11y-calm.yaml
kbenestad 893588d89b Updated themes, 2026-05-19
New folder structure plus HTML presentation.
2026-05-19 20:20:10 +07:00

74 lines
2.5 KiB
YAML

# 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