# 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