mdcms/themes/Developer/dev-gruvbox.yaml
kbenestad 893588d89b Updated themes, 2026-05-19
New folder structure plus HTML presentation.
2026-05-19 20:20:10 +07:00

80 lines
2.7 KiB
YAML

# 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