mirror of
https://github.com/kbenestad/mdcms.git
synced 2026-06-18 15:24:32 +00:00
86 lines
2.9 KiB
YAML
86 lines
2.9 KiB
YAML
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
|
|
# mdcms theme — matisse
|
|
# Cut-paper joy — Matisse coral and lapis on warm cream. La Gerbe.
|
|
|
|
# ──────────────────────────────────
|
|
# Colours
|
|
# ──────────────────────────────────
|
|
light:
|
|
accent: "#E04D2A"
|
|
background: "#FAF2DC"
|
|
nav-background: "#1E5BAE"
|
|
text: "#1A2238"
|
|
text-muted: "#6E6852"
|
|
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: "#FF7050"
|
|
background: "#0E1830"
|
|
nav-background: "#0A2858"
|
|
text: "#FBE8C0"
|
|
text-muted: "#B8A88E"
|
|
nav-link: "rgba(255,255,255,0.92)"
|
|
nav-link-active: "#FF7050"
|
|
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: "#1E5BAE"
|
|
warning: "#E0A018"
|
|
success: "#3F8A5A"
|
|
error: "#E04D2A"
|
|
|
|
colours-semantic-dark:
|
|
info: "#74A5E7"
|
|
warning: "#EFC56C"
|
|
success: "#89D2A3"
|
|
error: "#EA8871"
|
|
|
|
# ──────────────────────────────────
|
|
# Callout defaults
|
|
# primary-colour matches colours-semantic (light mode).
|
|
# ──────────────────────────────────
|
|
callouts:
|
|
info:
|
|
icon: info
|
|
primary-colour: "#1E5BAE"
|
|
background-colour: "#1E5BAE"
|
|
warning:
|
|
icon: warning
|
|
primary-colour: "#E0A018"
|
|
background-colour: "#E0A018"
|
|
success:
|
|
icon: success
|
|
primary-colour: "#3F8A5A"
|
|
background-colour: "#3F8A5A"
|
|
error:
|
|
icon: error
|
|
primary-colour: "#E04D2A"
|
|
background-colour: "#E04D2A"
|
|
|
|
# ──────────────────────────────────
|
|
# Typography
|
|
# Format: "provider:Font Name:weight" (provider: bunny | google)
|
|
# ──────────────────────────────────
|
|
font-body: "bunny:Manrope:400"
|
|
font-heading: "bunny:Manrope:800"
|
|
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
|
|
line-height: 1.65 # unitless multiplier
|
|
|
|
# ──────────────────────────────────
|
|
# Layout
|
|
# ──────────────────────────────────
|
|
main-width: 78em
|
|
nav-width: 20em
|