mirror of
https://github.com/kbenestad/mdcms.git
synced 2026-06-18 15:24:32 +00:00
86 lines
2.8 KiB
YAML
86 lines
2.8 KiB
YAML
# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
|
|
# mdcms theme — memphis
|
|
# 1980s Sottsass — saturated coral and turquoise on white. Postmodern, riotous.
|
|
|
|
# ──────────────────────────────────
|
|
# Colours
|
|
# ──────────────────────────────────
|
|
light:
|
|
accent: "#E94560"
|
|
background: "#FFFFFF"
|
|
nav-background: "#0AB4B8"
|
|
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: "#FF6E8E"
|
|
background: "#0A0E14"
|
|
nav-background: "#062E32"
|
|
text: "#FFFFFF"
|
|
text-muted: "#9CB0B0"
|
|
nav-link: "#E2E2E2"
|
|
nav-link-active: "#FF6E8E"
|
|
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: "#0AB4B8"
|
|
warning: "#F5B021"
|
|
success: "#3FAE5A"
|
|
error: "#E94560"
|
|
|
|
colours-semantic-dark:
|
|
info: "#64F3F7"
|
|
warning: "#F5B021"
|
|
success: "#87D49A"
|
|
error: "#EE6D82"
|
|
|
|
# ──────────────────────────────────
|
|
# Callout defaults
|
|
# primary-colour matches colours-semantic (light mode).
|
|
# ──────────────────────────────────
|
|
callouts:
|
|
info:
|
|
icon: info
|
|
primary-colour: "#0AB4B8"
|
|
background-colour: "#0AB4B8"
|
|
warning:
|
|
icon: warning
|
|
primary-colour: "#F5B021"
|
|
background-colour: "#F5B021"
|
|
success:
|
|
icon: success
|
|
primary-colour: "#3FAE5A"
|
|
background-colour: "#3FAE5A"
|
|
error:
|
|
icon: error
|
|
primary-colour: "#E94560"
|
|
background-colour: "#E94560"
|
|
|
|
# ──────────────────────────────────
|
|
# Typography
|
|
# Format: "provider:Font Name:weight" (provider: bunny | google)
|
|
# ──────────────────────────────────
|
|
font-body: "bunny:Space Grotesk:400"
|
|
font-heading: "bunny:Space Grotesk:700"
|
|
font-size: 1.00 # unitless multiplier (1.0 = 16px base)
|
|
line-height: 1.65 # unitless multiplier
|
|
|
|
# ──────────────────────────────────
|
|
# Layout
|
|
# ──────────────────────────────────
|
|
main-width: 78em
|
|
nav-width: 20em
|