diff --git a/themes/Accessibility-first/a11y-aaa.yaml b/themes/Accessibility-first/a11y-aaa.yaml new file mode 100644 index 0000000..b848f22 --- /dev/null +++ b/themes/Accessibility-first/a11y-aaa.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — a11y · aaa contrast +# WCAG AAA contrast. Black-on-white text, deep blue links, Atkinson Hyperlegible. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#0033A0" + background: "#FFFFFF" + nav-background: "#F2F2F2" + text: "#000000" + text-muted: "#4F4F4F" + +dark: + accent: "#FFD700" + background: "#000000" + nav-background: "#0A0A0A" + text: "#FFFFFF" + text-muted: "#BDBDBD" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#0033A0" + warning: "#8B5A00" + success: "#1F6B3C" + error: "#A1001C" + +colours-semantic-dark: + info: "#5C90FF" + warning: "#FFC55C" + success: "#80DAA3" + error: "#FF5C78" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#0033A0" + background-colour: "#0033A0" + warning: + icon: warning + primary-colour: "#8B5A00" + background-colour: "#8B5A00" + success: + icon: success + primary-colour: "#1F6B3C" + background-colour: "#1F6B3C" + error: + icon: error + primary-colour: "#A1001C" + background-colour: "#A1001C" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Atkinson Hyperlegible:400" +font-heading: "bunny:Atkinson Hyperlegible:700" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.75 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Accessibility-first/a11y-calm.yaml b/themes/Accessibility-first/a11y-calm.yaml new file mode 100644 index 0000000..7a25fb4 --- /dev/null +++ b/themes/Accessibility-first/a11y-calm.yaml @@ -0,0 +1,74 @@ +# 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 diff --git a/themes/Accessibility-first/a11y-readable.yaml b/themes/Accessibility-first/a11y-readable.yaml new file mode 100644 index 0000000..680ac29 --- /dev/null +++ b/themes/Accessibility-first/a11y-readable.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — a11y · readable +# Cream background, soft contrast, generous line-height. Dyslexia and low-vision friendly. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#2A5C8F" + background: "#FAF4E6" + nav-background: "#F0E8D0" + text: "#2A2620" + text-muted: "#6E665A" + +dark: + accent: "#79A5D8" + background: "#1A1814" + nav-background: "#252118" + text: "#F0E8D8" + text-muted: "#A89E8A" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2A5C8F" + warning: "#8B5A00" + success: "#1F6B3C" + error: "#A0381F" + +colours-semantic-dark: + info: "#81ADDA" + warning: "#FFC55C" + success: "#80DAA3" + error: "#E58C76" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2A5C8F" + background-colour: "#2A5C8F" + warning: + icon: warning + primary-colour: "#8B5A00" + background-colour: "#8B5A00" + success: + icon: success + primary-colour: "#1F6B3C" + background-colour: "#1F6B3C" + error: + icon: error + primary-colour: "#A0381F" + background-colour: "#A0381F" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Atkinson Hyperlegible:400" +font-heading: "bunny:Atkinson Hyperlegible:700" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.85 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Airliner/air-ba-bold.yaml b/themes/Airliner/air-ba-bold.yaml new file mode 100644 index 0000000..44ad3cf --- /dev/null +++ b/themes/Airliner/air-ba-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — british airways · bold +# Chatham blue with Union-Flag red. The flying-flag livery. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#EB2226" + background: "#FFFFFF" + nav-background: "#075AAA" + text: "#0A2540" + text-muted: "#5E708C" + 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: "#FF4348" + background: "#0A2540" + nav-background: "#06182B" + text: "#FFFFFF" + text-muted: "#A0B4D0" + nav-link: "#E2E2E2" + nav-link-active: "#FF4348" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-ba-muted.yaml b/themes/Airliner/air-ba-muted.yaml new file mode 100644 index 0000000..cd6339e --- /dev/null +++ b/themes/Airliner/air-ba-muted.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — british airways · muted +# Mid-Atlantic blue on warm white — restrained and British. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#2A4E8A" + background: "#FBFAF6" + nav-background: "#E3E8F0" + text: "#1F2A40" + text-muted: "#6E7888" + +dark: + accent: "#88A8D8" + background: "#0E1622" + nav-background: "#16213A" + text: "#E8ECF4" + text-muted: "#9098AC" + nav-link: "#E2E2E2" + nav-link-active: "#88A8D8" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-emirates-bold.yaml b/themes/Airliner/air-emirates-bold.yaml new file mode 100644 index 0000000..2439b81 --- /dev/null +++ b/themes/Airliner/air-emirates-bold.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — emirates · bold +# Emirates red with desert-gold accent in dark mode. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#D71921" + background: "#FFFFFF" + nav-background: "#D71921" + 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: "#F5B431" + background: "#1A0608" + nav-background: "#000000" + text: "#FFFFFF" + text-muted: "#B89090" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-emirates-muted.yaml b/themes/Airliner/air-emirates-muted.yaml new file mode 100644 index 0000000..952d259 --- /dev/null +++ b/themes/Airliner/air-emirates-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — emirates · muted +# Sand and rust — Gulf palette in a softer key. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#8F2A30" + background: "#FBF7F2" + nav-background: "#F0DDD2" + text: "#241818" + text-muted: "#7A6058" + +dark: + accent: "#D88060" + background: "#1A0F0C" + nav-background: "#241612" + text: "#F0E5D8" + text-muted: "#A8907A" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-etihad-bold.yaml b/themes/Airliner/air-etihad-bold.yaml new file mode 100644 index 0000000..a6cd9c7 --- /dev/null +++ b/themes/Airliner/air-etihad-bold.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — etihad · bold +# Etihad copper-bronze with anthracite — the facets livery. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#C28E5A" + background: "#FFFFFF" + nav-background: "#2C2A28" + text: "#1A1612" + text-muted: "#6E5C50" + nav-link: "#E2E2E2" + nav-link-active: "#C28E5A" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#D8A878" + background: "#1A1612" + nav-background: "#0A0807" + text: "#F4E8DC" + text-muted: "#A89684" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-etihad-muted.yaml b/themes/Airliner/air-etihad-muted.yaml new file mode 100644 index 0000000..9157c4b --- /dev/null +++ b/themes/Airliner/air-etihad-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — etihad · muted +# Camel and bronze — same desert family, quieter. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#8F6F4A" + background: "#FBF7F0" + nav-background: "#EDE0CC" + text: "#2A2018" + text-muted: "#7A6A58" + +dark: + accent: "#D8B080" + background: "#1A140C" + nav-background: "#241D14" + text: "#F0E5D2" + text-muted: "#A89684" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-icelandair-bold.yaml b/themes/Airliner/air-icelandair-bold.yaml new file mode 100644 index 0000000..6ddd521 --- /dev/null +++ b/themes/Airliner/air-icelandair-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — icelandair · bold +# Volcano red on glacier-blue. Icelandair’s 2024 wave livery. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#E60023" + background: "#FFFFFF" + nav-background: "#0A2540" + text: "#0A2540" + text-muted: "#5C708C" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#E60023" + 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: "#FF4060" + background: "#0A2540" + nav-background: "#051628" + text: "#FFFFFF" + text-muted: "#A0B4D0" + nav-link: "#E2E2E2" + nav-link-active: "#FF4060" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-icelandair-muted.yaml b/themes/Airliner/air-icelandair-muted.yaml new file mode 100644 index 0000000..db6f684 --- /dev/null +++ b/themes/Airliner/air-icelandair-muted.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — icelandair · muted +# Glacier blue alone — North-Atlantic restraint. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#2A6BAA" + background: "#FBFCFE" + nav-background: "#DDE5EE" + text: "#0F2438" + text-muted: "#6E7894" + +dark: + accent: "#88B0DC" + background: "#0A1828" + nav-background: "#0E2238" + text: "#E8EFF4" + text-muted: "#909AAC" + nav-link: "#E2E2E2" + nav-link-active: "#88B0DC" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-ita-bold.yaml b/themes/Airliner/air-ita-bold.yaml new file mode 100644 index 0000000..c67ee06 --- /dev/null +++ b/themes/Airliner/air-ita-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — ita airways · bold +# Azzurro — the Italian national blue, fresh from the new livery. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#0066CC" + background: "#FFFFFF" + nav-background: "#003F87" + text: "#0A2548" + text-muted: "#5E708C" + 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: "#4A9CEA" + background: "#0A2548" + nav-background: "#001633" + text: "#FFFFFF" + text-muted: "#A0B4D0" + nav-link: "#E2E2E2" + nav-link-active: "#4A9CEA" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-ita-muted.yaml b/themes/Airliner/air-ita-muted.yaml new file mode 100644 index 0000000..25ceedc --- /dev/null +++ b/themes/Airliner/air-ita-muted.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — ita airways · muted +# Adriatic blue, softened — the azzurro after a long flight. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#3A6BAA" + background: "#FBFCFE" + nav-background: "#E3EAF3" + text: "#1F2D44" + text-muted: "#697390" + +dark: + accent: "#88B5DC" + background: "#0E1622" + nav-background: "#16213A" + text: "#EAEEF4" + text-muted: "#8E96AC" + nav-link: "#E2E2E2" + nav-link-active: "#88B5DC" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-klm-bold.yaml b/themes/Airliner/air-klm-bold.yaml new file mode 100644 index 0000000..c2153ca --- /dev/null +++ b/themes/Airliner/air-klm-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — klm · bold +# KLM sky-blue with Orange-Dutch accent — the world’s oldest airline still flying. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#FF6900" + background: "#FFFFFF" + nav-background: "#00A1DE" + text: "#003A5D" + text-muted: "#5C7898" + 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: "#FF8030" + background: "#003A5D" + nav-background: "#00263F" + text: "#FFFFFF" + text-muted: "#9DBCDC" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#FF8030" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-klm-muted.yaml b/themes/Airliner/air-klm-muted.yaml new file mode 100644 index 0000000..b187f23 --- /dev/null +++ b/themes/Airliner/air-klm-muted.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — klm · muted +# Delft-blue alone — the orange retreats to callouts. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#0F5E8F" + background: "#FBFCFE" + nav-background: "#DCE9F3" + text: "#0F2A40" + text-muted: "#6E7E94" + +dark: + accent: "#78B5DC" + background: "#0A1A28" + nav-background: "#0E2438" + text: "#E8EFF4" + text-muted: "#9098AC" + nav-link: "#E2E2E2" + nav-link-active: "#78B5DC" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-lufthansa-bold.yaml b/themes/Airliner/air-lufthansa-bold.yaml new file mode 100644 index 0000000..93e395d --- /dev/null +++ b/themes/Airliner/air-lufthansa-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — lufthansa · bold +# The crane palette — Prussian navy and warm Lufthansa yellow. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#FFAD00" + background: "#FFFFFF" + nav-background: "#05164D" + text: "#05164D" + text-muted: "#5C6E94" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#FFAD00" + 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: "#FFAD00" + background: "#05164D" + nav-background: "#020A26" + text: "#FFFFFF" + text-muted: "#9DB1D0" + nav-link: "#E2E2E2" + nav-link-active: "#FFAD00" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#C13030" + background-colour: "#C13030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Inter:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Airliner/air-lufthansa-muted.yaml b/themes/Airliner/air-lufthansa-muted.yaml new file mode 100644 index 0000000..7c509ea --- /dev/null +++ b/themes/Airliner/air-lufthansa-muted.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — lufthansa · muted +# Navy and amber — Crane palette in a quieter register. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1F3A6B" + background: "#FBFAF3" + nav-background: "#F0E8D0" + text: "#1A2238" + text-muted: "#6E7588" + +dark: + accent: "#D8A848" + background: "#0E1422" + nav-background: "#16203A" + text: "#EAEDF2" + text-muted: "#988E70" + nav-link: "#E2E2E2" + nav-link-active: "#D8A848" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#C13030" + background-colour: "#C13030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Inter:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Airliner/air-norse-bold.yaml b/themes/Airliner/air-norse-bold.yaml new file mode 100644 index 0000000..a169dba --- /dev/null +++ b/themes/Airliner/air-norse-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — norse atlantic · bold +# Arctic light-blue tail livery on white. The N-on-a-blue-square mark, full strength. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1F6E94" + background: "#FFFFFF" + nav-background: "#5BC2E7" + text: "#0F2A3A" + text-muted: "#5C7888" + 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: "#5BC2E7" + background: "#0A1A24" + nav-background: "#062632" + text: "#FFFFFF" + text-muted: "#9FBFD0" + nav-link: "#E2E2E2" + nav-link-active: "#5BC2E7" + 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: "#1F6E94" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#78C0E3" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DE7C7C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1F6E94" + background-colour: "#1F6E94" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-norse-muted.yaml b/themes/Airliner/air-norse-muted.yaml new file mode 100644 index 0000000..bd61708 --- /dev/null +++ b/themes/Airliner/air-norse-muted.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — norse atlantic · muted +# Glacier-blue, dialled back. Cabin-window calm at cruise altitude. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#3A7FA5" + background: "#FBFCFE" + nav-background: "#DCE9F0" + text: "#0F2438" + text-muted: "#6E7888" + +dark: + accent: "#7EBED8" + background: "#0B1620" + nav-background: "#14202E" + text: "#E8EFF4" + text-muted: "#90A0AC" + nav-link: "#E2E2E2" + nav-link-active: "#7EBED8" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-qatar-bold.yaml b/themes/Airliner/air-qatar-bold.yaml new file mode 100644 index 0000000..7444310 --- /dev/null +++ b/themes/Airliner/air-qatar-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — qatar airways · bold +# Qatar oryx maroon — bold burgundy throughout. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#5C0632" + background: "#FFFFFF" + nav-background: "#5C0632" + text: "#1A0612" + text-muted: "#6E5258" + 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: "#A82054" + background: "#1A0612" + nav-background: "#0A0208" + text: "#F0E0E5" + text-muted: "#A89098" + nav-link: "#E2E2E2" + nav-link-active: "#FFFFFF" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-qatar-muted.yaml b/themes/Airliner/air-qatar-muted.yaml new file mode 100644 index 0000000..177f10f --- /dev/null +++ b/themes/Airliner/air-qatar-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — qatar airways · muted +# Wine-stain rose — the maroon, gentler. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#7A2A4A" + background: "#FBF7F4" + nav-background: "#F0DDD8" + text: "#241218" + text-muted: "#7A5E68" + +dark: + accent: "#C26088" + background: "#1A0E12" + nav-background: "#241218" + text: "#F0E0E8" + text-muted: "#A89098" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-sas-bold.yaml b/themes/Airliner/air-sas-bold.yaml new file mode 100644 index 0000000..f68b10f --- /dev/null +++ b/themes/Airliner/air-sas-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — sas · bold +# SAS deep Scandinavian blue — the fjord-on-tail livery. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#003D7C" + background: "#FFFFFF" + nav-background: "#003D7C" + text: "#001F4E" + text-muted: "#5C6E94" + 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: "#7AA0D8" + background: "#001F4E" + nav-background: "#001233" + text: "#FFFFFF" + text-muted: "#A0B4D8" + nav-link: "#E2E2E2" + nav-link-active: "#7AA0D8" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-sas-muted.yaml b/themes/Airliner/air-sas-muted.yaml new file mode 100644 index 0000000..e9c46cf --- /dev/null +++ b/themes/Airliner/air-sas-muted.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — sas · muted +# Same Nordic blue, dialled back to a workday tone. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#3A6BAA" + background: "#FBFCFE" + nav-background: "#E3EAF3" + text: "#1F2D44" + text-muted: "#697390" + +dark: + accent: "#94B5DC" + background: "#0E1622" + nav-background: "#16213A" + text: "#EAEEF4" + text-muted: "#8E96AC" + nav-link: "#E2E2E2" + nav-link-active: "#94B5DC" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-singapore-bold.yaml b/themes/Airliner/air-singapore-bold.yaml new file mode 100644 index 0000000..9adc586 --- /dev/null +++ b/themes/Airliner/air-singapore-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — singapore · bold +# SQ navy with Sarong-Kebaya gold accent. Singapore Girl elegance. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#F5B431" + background: "#FFFFFF" + nav-background: "#003F87" + text: "#0A2548" + text-muted: "#5E708C" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#F5B431" + 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: "#FFCD3A" + background: "#0A2548" + nav-background: "#001633" + text: "#FFFFFF" + text-muted: "#A0B4D0" + nav-link: "#E2E2E2" + nav-link-active: "#FFCD3A" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-singapore-muted.yaml b/themes/Airliner/air-singapore-muted.yaml new file mode 100644 index 0000000..1808749 --- /dev/null +++ b/themes/Airliner/air-singapore-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — singapore · muted +# Wheat and slate-blue — equatorial palette, quietened. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#2A4E8A" + background: "#FBFAF3" + nav-background: "#F0E5C8" + text: "#1F2A40" + text-muted: "#6E7588" + +dark: + accent: "#D8B848" + background: "#0E1622" + nav-background: "#1A2030" + text: "#EAEDF2" + text-muted: "#988E70" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-swiss-bold.yaml b/themes/Airliner/air-swiss-bold.yaml new file mode 100644 index 0000000..4bf2482 --- /dev/null +++ b/themes/Airliner/air-swiss-bold.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — swiss · bold +# Swiss red on white — flag precision, surgical. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#E60028" + background: "#FFFFFF" + nav-background: "#E60028" + 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: "#E60028" + background: "#0A0A0A" + nav-background: "#000000" + text: "#FFFFFF" + text-muted: "#B89090" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#C13030" + background-colour: "#C13030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Inter:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Airliner/air-swiss-muted.yaml b/themes/Airliner/air-swiss-muted.yaml new file mode 100644 index 0000000..e1f8274 --- /dev/null +++ b/themes/Airliner/air-swiss-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — swiss · muted +# Alpine red on snow — the same identity, gentler. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#9C2030" + background: "#FAFAF8" + nav-background: "#EFDDD8" + text: "#1F1A1A" + text-muted: "#6E5E5E" + +dark: + accent: "#D85060" + background: "#0F0808" + nav-background: "#1A1010" + text: "#F0E5DC" + text-muted: "#A89090" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#C13030" + background-colour: "#C13030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Inter:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Airliner/air-thai-bold.yaml b/themes/Airliner/air-thai-bold.yaml new file mode 100644 index 0000000..590901c --- /dev/null +++ b/themes/Airliner/air-thai-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — thai airways · bold +# Royal Orchid livery — royal purple with antique-gold accent. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#D4B062" + background: "#FFFFFF" + nav-background: "#4E1A6E" + text: "#2A0F40" + text-muted: "#6E5C7A" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#D4B062" + 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: "#E5BD6A" + background: "#2A0F40" + nav-background: "#1A0628" + text: "#FFFFFF" + text-muted: "#B0A0C0" + nav-link: "#E2E2E2" + nav-link-active: "#E5BD6A" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-thai-muted.yaml b/themes/Airliner/air-thai-muted.yaml new file mode 100644 index 0000000..d887e61 --- /dev/null +++ b/themes/Airliner/air-thai-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — thai airways · muted +# Soft orchid lavender — the same family, quieter. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#6E4A8F" + background: "#FBFAF7" + nav-background: "#E8E0EE" + text: "#1F1828" + text-muted: "#6E5C7A" + +dark: + accent: "#B89AD8" + background: "#0E0D1A" + nav-background: "#1A1828" + text: "#EAE5F0" + text-muted: "#A095A8" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-ups-bold.yaml b/themes/Airliner/air-ups-bold.yaml new file mode 100644 index 0000000..dc82013 --- /dev/null +++ b/themes/Airliner/air-ups-bold.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — ups · bold +# Pullman brown sidebar with UPS gold accent. Pure logistics. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#FFB500" + background: "#FFFFFF" + nav-background: "#351C15" + text: "#1A0E0A" + text-muted: "#5C4A3A" + nav-link: "#E2E2E2" + nav-link-active: "#FFB500" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#FFC940" + background: "#1A0E0A" + nav-background: "#000000" + text: "#F8EFD8" + text-muted: "#A8907A" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Airliner/air-ups-muted.yaml b/themes/Airliner/air-ups-muted.yaml new file mode 100644 index 0000000..5275e10 --- /dev/null +++ b/themes/Airliner/air-ups-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — ups · muted +# Chocolate and caramel — the parcel palette, tempered. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#7C4A20" + background: "#FBF8F2" + nav-background: "#EFDFC8" + text: "#2A1A0E" + text-muted: "#6E5640" + +dark: + accent: "#D8A555" + background: "#1A1208" + nav-background: "#241A10" + text: "#F0E5D0" + text-muted: "#A89880" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Anglican/lit-festal-bold.yaml b/themes/Anglican/lit-festal-bold.yaml new file mode 100644 index 0000000..d135c3a --- /dev/null +++ b/themes/Anglican/lit-festal-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — festal · bold +# White vestment with cloth-of-gold accent. Christmas and Easter, in full feast. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#B58A1A" + background: "#FFFFFF" + nav-background: "#FBF1C4" + text: "#2A2410" + text-muted: "#6E6440" + nav-link: "#2A2410" + nav-link-active: "#7F6112" + nav-section-heading: "#6E6440" + nav-sitename: "#2A2410" + nav-description: "#6E6440" + nav-toggle: "#6E6440" + +dark: + accent: "#E5C04A" + background: "#14110A" + nav-background: "#241A0A" + text: "#FFFFFF" + text-muted: "#C9B580" + nav-link: "#E2E2E2" + nav-link-active: "#E5C04A" + 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: "#1B3666" + warning: "#B58A1A" + success: "#14532D" + error: "#B91C1C" + +colours-semantic-dark: + info: "#7EA0DD" + warning: "#EBC970" + success: "#7BDFA3" + error: "#EA7171" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1B3666" + background-colour: "#1B3666" + warning: + icon: warning + primary-colour: "#B58A1A" + background-colour: "#B58A1A" + success: + icon: success + primary-colour: "#14532D" + background-colour: "#14532D" + error: + icon: error + primary-colour: "#B91C1C" + background-colour: "#B91C1C" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Cormorant Garamond:500" +font-heading: "bunny:Cormorant Garamond:700" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.60 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Anglican/lit-festal.yaml b/themes/Anglican/lit-festal.yaml new file mode 100644 index 0000000..047b104 --- /dev/null +++ b/themes/Anglican/lit-festal.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — festal +# Cream and gold. Christmas, Easter, and the great festivals. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#B58A1A" + background: "#FBF8E8" + nav-background: "#F3E9B8" + text: "#2A2410" + text-muted: "#6E6440" + nav-link: "#2A2410" + nav-link-active: "#7F6112" + nav-section-heading: "#6E6440" + nav-sitename: "#2A2410" + nav-description: "#6E6440" + nav-toggle: "#6E6440" + +dark: + accent: "#E5C04A" + background: "#14110A" + nav-background: "#1F1A0F" + text: "#F4ECD0" + text-muted: "#A89A78" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B58A1A" + success: "#2F7A4A" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#EBC970" + success: "#89D2A3" + error: "#DC8C7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2B5797" + background-colour: "#2B5797" + warning: + icon: warning + primary-colour: "#B58A1A" + background-colour: "#B58A1A" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Cormorant Garamond:500" +font-heading: "bunny:Cormorant Garamond:700" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.60 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Anglican/lit-ordinary-bold.yaml b/themes/Anglican/lit-ordinary-bold.yaml new file mode 100644 index 0000000..f42e4a3 --- /dev/null +++ b/themes/Anglican/lit-ordinary-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — ordinary · bold +# Gold on verdant green. The long banner of Ordinary Time, woven through. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#C9A23E" + background: "#FFFFFF" + nav-background: "#14532D" + text: "#0A2A18" + text-muted: "#4A6E58" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#C9A23E" + 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: "#E5C04A" + background: "#08140C" + nav-background: "#0F2A1A" + text: "#FFFFFF" + text-muted: "#9DC8A8" + nav-link: "#E2E2E2" + nav-link-active: "#E5C04A" + 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: "#1B3666" + warning: "#B58A1A" + success: "#14532D" + error: "#B91C1C" + +colours-semantic-dark: + info: "#7EA0DD" + warning: "#EBC970" + success: "#7BDFA3" + error: "#EA7171" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1B3666" + background-colour: "#1B3666" + warning: + icon: warning + primary-colour: "#B58A1A" + background-colour: "#B58A1A" + success: + icon: success + primary-colour: "#14532D" + background-colour: "#14532D" + error: + icon: error + primary-colour: "#B91C1C" + background-colour: "#B91C1C" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Cormorant Garamond:500" +font-heading: "bunny:Cormorant Garamond:700" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.60 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Anglican/lit-ordinary.yaml b/themes/Anglican/lit-ordinary.yaml new file mode 100644 index 0000000..5673a40 --- /dev/null +++ b/themes/Anglican/lit-ordinary.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — ordinary +# Verdant green. Ordinary Time — the long season of growth. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#14532D" + background: "#FFFFFF" + nav-background: "#DDEEE0" + text: "#0A2A18" + text-muted: "#4A6E58" + +dark: + accent: "#6FBE8F" + background: "#08140C" + nav-background: "#0E2014" + text: "#E8F2EC" + text-muted: "#8FB89A" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#14532D" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#7BDFA3" + error: "#DC8C7E" + +# ────────────────────────────────── +# 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: "#14532D" + background-colour: "#14532D" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Cormorant Garamond:500" +font-heading: "bunny:Cormorant Garamond:700" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.60 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Anglican/lit-pentecost-bold.yaml b/themes/Anglican/lit-pentecost-bold.yaml new file mode 100644 index 0000000..e05c565 --- /dev/null +++ b/themes/Anglican/lit-pentecost-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — pentecost · bold +# Gold tongues of flame on Pentecost red. The Holy Spirit, at high noon. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#C9A23E" + background: "#FFFFFF" + nav-background: "#B91C1C" + text: "#2A0F0F" + text-muted: "#7A4A4A" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#C9A23E" + 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: "#E5C04A" + background: "#1A0A0A" + nav-background: "#3A0A0A" + text: "#FFFFFF" + text-muted: "#F0B0B0" + nav-link: "#E2E2E2" + nav-link-active: "#E5C04A" + 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: "#1B3666" + warning: "#B58A1A" + success: "#14532D" + error: "#B91C1C" + +colours-semantic-dark: + info: "#7EA0DD" + warning: "#EBC970" + success: "#7BDFA3" + error: "#EA7171" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1B3666" + background-colour: "#1B3666" + warning: + icon: warning + primary-colour: "#B58A1A" + background-colour: "#B58A1A" + success: + icon: success + primary-colour: "#14532D" + background-colour: "#14532D" + error: + icon: error + primary-colour: "#B91C1C" + background-colour: "#B91C1C" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Cormorant Garamond:500" +font-heading: "bunny:Cormorant Garamond:700" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.60 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Anglican/lit-pentecost.yaml b/themes/Anglican/lit-pentecost.yaml new file mode 100644 index 0000000..854847b --- /dev/null +++ b/themes/Anglican/lit-pentecost.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — pentecost +# Flame-red. Pentecost, Holy Week, and feasts of the martyrs. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#B91C1C" + background: "#FFFFFF" + nav-background: "#FCE2E2" + text: "#2A0F0F" + text-muted: "#7A4A4A" + +dark: + accent: "#F08080" + background: "#1A0A0A" + nav-background: "#240E0E" + text: "#F4E8E8" + text-muted: "#B89090" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#B91C1C" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + error: "#EA7171" + +# ────────────────────────────────── +# 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#B91C1C" + background-colour: "#B91C1C" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Cormorant Garamond:500" +font-heading: "bunny:Cormorant Garamond:700" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.60 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Anglican/lit-requiem-bold.yaml b/themes/Anglican/lit-requiem-bold.yaml new file mode 100644 index 0000000..7104bf6 --- /dev/null +++ b/themes/Anglican/lit-requiem-bold.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — requiem · bold +# Silver thread on black. Solemn mourning vestments. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#9C9C9C" + background: "#FFFFFF" + nav-background: "#1A1A1A" + text: "#1A1A1A" + text-muted: "#5C5C5C" + nav-link: "#E2E2E2" + nav-link-active: "#9C9C9C" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#C9C9C9" + background: "#050505" + nav-background: "#000000" + text: "#FFFFFF" + text-muted: "#9C9C9C" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#1B3666" + warning: "#B58A1A" + success: "#14532D" + error: "#B91C1C" + +colours-semantic-dark: + info: "#7EA0DD" + warning: "#EBC970" + success: "#7BDFA3" + error: "#EA7171" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1B3666" + background-colour: "#1B3666" + warning: + icon: warning + primary-colour: "#B58A1A" + background-colour: "#B58A1A" + success: + icon: success + primary-colour: "#14532D" + background-colour: "#14532D" + error: + icon: error + primary-colour: "#B91C1C" + background-colour: "#B91C1C" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Cormorant Garamond:500" +font-heading: "bunny:Cormorant Garamond:700" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.60 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Anglican/lit-requiem.yaml b/themes/Anglican/lit-requiem.yaml new file mode 100644 index 0000000..8b5065e --- /dev/null +++ b/themes/Anglican/lit-requiem.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — requiem +# Parchment and black. All Souls, funerals, mourning. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1A1A1A" + background: "#FAF6EE" + nav-background: "#1A1A1A" + text: "#1A1A1A" + text-muted: "#6E665A" + nav-link: "#E2E2E2" + nav-link-active: "#FFFFFF" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#F4ECD8" + background: "#050505" + nav-background: "#000000" + text: "#F4ECD8" + text-muted: "#9F9A8A" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#1A1A1A" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#D28989" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DC8C7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1A1A1A" + background-colour: "#1A1A1A" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Cormorant Garamond:500" +font-heading: "bunny:Cormorant Garamond:700" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.60 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Anglican/lit-rose-bold.yaml b/themes/Anglican/lit-rose-bold.yaml new file mode 100644 index 0000000..8f28d12 --- /dev/null +++ b/themes/Anglican/lit-rose-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — rose · bold +# Gold on Laetare rose. Joy within penitence — turned up. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#C9A23E" + background: "#FFFFFF" + nav-background: "#B85D75" + text: "#2B1A20" + text-muted: "#7A5662" + 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: "#E5C04A" + background: "#1A0E12" + nav-background: "#3A1A22" + text: "#FFFFFF" + text-muted: "#E5A6B5" + nav-link: "#E2E2E2" + nav-link-active: "#E5C04A" + 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: "#1B3666" + warning: "#B58A1A" + success: "#14532D" + error: "#B91C1C" + +colours-semantic-dark: + info: "#7EA0DD" + warning: "#EBC970" + success: "#7BDFA3" + error: "#EA7171" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1B3666" + background-colour: "#1B3666" + warning: + icon: warning + primary-colour: "#B58A1A" + background-colour: "#B58A1A" + success: + icon: success + primary-colour: "#14532D" + background-colour: "#14532D" + error: + icon: error + primary-colour: "#B91C1C" + background-colour: "#B91C1C" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Cormorant Garamond:500" +font-heading: "bunny:Cormorant Garamond:700" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.60 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Anglican/lit-rose.yaml b/themes/Anglican/lit-rose.yaml new file mode 100644 index 0000000..27fcafb --- /dev/null +++ b/themes/Anglican/lit-rose.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — rose +# Muted Laetare rose. Gaudete and Laetare Sundays — joy within penitence. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#B85D75" + background: "#FFFFFF" + nav-background: "#FBEEF1" + text: "#2B1A20" + text-muted: "#7A5662" + +dark: + accent: "#E5A6B5" + background: "#1A0E12" + nav-background: "#2A1820" + text: "#F4E8EC" + text-muted: "#B89AA2" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DC8C7E" + +# ────────────────────────────────── +# 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Cormorant Garamond:500" +font-heading: "bunny:Cormorant Garamond:700" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.60 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Anglican/lit-sarum-bold.yaml b/themes/Anglican/lit-sarum-bold.yaml new file mode 100644 index 0000000..dff282d --- /dev/null +++ b/themes/Anglican/lit-sarum-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — sarum · bold +# Cloth-of-gold on Sarum blue. The Advent banner at full strength. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#C9A23E" + background: "#FFFFFF" + nav-background: "#1B3666" + text: "#14213D" + text-muted: "#5C667A" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#C9A23E" + 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: "#E5C04A" + background: "#0A1024" + nav-background: "#0A1428" + text: "#FFFFFF" + text-muted: "#9DB1D8" + nav-link: "#E2E2E2" + nav-link-active: "#E5C04A" + 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: "#1B3666" + warning: "#B58A1A" + success: "#14532D" + error: "#B91C1C" + +colours-semantic-dark: + info: "#7EA0DD" + warning: "#EBC970" + success: "#7BDFA3" + error: "#EA7171" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1B3666" + background-colour: "#1B3666" + warning: + icon: warning + primary-colour: "#B58A1A" + background-colour: "#B58A1A" + success: + icon: success + primary-colour: "#14532D" + background-colour: "#14532D" + error: + icon: error + primary-colour: "#B91C1C" + background-colour: "#B91C1C" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Cormorant Garamond:500" +font-heading: "bunny:Cormorant Garamond:700" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.60 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Anglican/lit-sarum.yaml b/themes/Anglican/lit-sarum.yaml new file mode 100644 index 0000000..ce47217 --- /dev/null +++ b/themes/Anglican/lit-sarum.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — sarum +# Deep Sarum blue. Advent in the English Use — vigilant, contemplative. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1B3666" + background: "#FFFFFF" + nav-background: "#E2E8F1" + text: "#14213D" + text-muted: "#5C667A" + +dark: + accent: "#8FA8D8" + background: "#0A1024" + nav-background: "#131A30" + text: "#ECEDF4" + text-muted: "#9498B5" + nav-link: "#E2E2E2" + nav-link-active: "#8FA8D8" + 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: "#1B3666" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#7EA0DD" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DC8C7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1B3666" + background-colour: "#1B3666" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Cormorant Garamond:500" +font-heading: "bunny:Cormorant Garamond:700" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.60 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Anglican/lit-violet-bold.yaml b/themes/Anglican/lit-violet-bold.yaml new file mode 100644 index 0000000..4095155 --- /dev/null +++ b/themes/Anglican/lit-violet-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — violet · bold +# Gold thread on penitential violet. Lenten vestment palette. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#C9A23E" + background: "#FFFFFF" + nav-background: "#4D1F65" + text: "#1F1226" + text-muted: "#6E5C73" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#C9A23E" + 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: "#E5C04A" + background: "#150A1B" + nav-background: "#1F0A2A" + text: "#FFFFFF" + text-muted: "#C8A3D8" + nav-link: "#E2E2E2" + nav-link-active: "#E5C04A" + 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: "#1B3666" + warning: "#B58A1A" + success: "#14532D" + error: "#B91C1C" + +colours-semantic-dark: + info: "#7EA0DD" + warning: "#EBC970" + success: "#7BDFA3" + error: "#EA7171" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1B3666" + background-colour: "#1B3666" + warning: + icon: warning + primary-colour: "#B58A1A" + background-colour: "#B58A1A" + success: + icon: success + primary-colour: "#14532D" + background-colour: "#14532D" + error: + icon: error + primary-colour: "#B91C1C" + background-colour: "#B91C1C" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Cormorant Garamond:500" +font-heading: "bunny:Cormorant Garamond:700" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.60 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Anglican/lit-violet.yaml b/themes/Anglican/lit-violet.yaml new file mode 100644 index 0000000..08b1e31 --- /dev/null +++ b/themes/Anglican/lit-violet.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — violet +# Penitential violet. Advent and Lent — preparation and repentance. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#4D1F65" + background: "#FFFFFF" + nav-background: "#EFE6F2" + text: "#1F1226" + text-muted: "#6E5C73" + +dark: + accent: "#C8A3D8" + background: "#150A1B" + nav-background: "#1F1226" + text: "#F0E8F2" + text-muted: "#A998AE" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#4D1F65" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#BB82D9" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DC8C7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#4D1F65" + background-colour: "#4D1F65" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Cormorant Garamond:500" +font-heading: "bunny:Cormorant Garamond:700" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.60 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Blue/blue-charcoal.yaml b/themes/Blue/blue-charcoal.yaml new file mode 100644 index 0000000..a2fa683 --- /dev/null +++ b/themes/Blue/blue-charcoal.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — blue · charcoal +# White content with a charcoal nav sidebar. Colour pops on dark. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#2563EB" + background: "#FFFFFF" + nav-background: "#1A1A1F" + text: "#161618" + text-muted: "#5C5F6E" + nav-link: "#E2E2E2" + nav-link-active: "#2563EB" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#93C5FD" + background: "#0A0A0C" + nav-background: "#000000" + text: "#F1EFEC" + text-muted: "#9C9A95" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2563EB" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#6A94F1" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DE7C7C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2563EB" + background-colour: "#2563EB" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Blue/blue-paper.yaml b/themes/Blue/blue-paper.yaml new file mode 100644 index 0000000..530db84 --- /dev/null +++ b/themes/Blue/blue-paper.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — blue · paper +# White paper, neutral chrome. Colour used as a confident accent. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#2563EB" + background: "#FFFFFF" + nav-background: "#F4F5F8" + text: "#15161B" + text-muted: "#5C5F6E" + +dark: + accent: "#93C5FD" + background: "#0B0C10" + nav-background: "#15171C" + text: "#ECEDF1" + text-muted: "#8E919C" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2563EB" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#6A94F1" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DE7C7C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2563EB" + background-colour: "#2563EB" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Blue/blue-tinted.yaml b/themes/Blue/blue-tinted.yaml new file mode 100644 index 0000000..7d5b06c --- /dev/null +++ b/themes/Blue/blue-tinted.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — blue · tinted +# Colour-tinted background and nav. Calm, monochromatic, brand-forward. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#2563EB" + background: "#F5F8FE" + nav-background: "#DCE6FA" + text: "#1A1A1A" + text-muted: "#5E5E66" + +dark: + accent: "#93C5FD" + background: "#0A0E1C" + nav-background: "#131A2D" + text: "#F1EFEC" + text-muted: "#9C9A95" + nav-link: "#E2E2E2" + nav-link-active: "#93C5FD" + 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: "#2563EB" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#6A94F1" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DE7C7C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2563EB" + background-colour: "#2563EB" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Brown/brown-charcoal.yaml b/themes/Brown/brown-charcoal.yaml new file mode 100644 index 0000000..b43a9de --- /dev/null +++ b/themes/Brown/brown-charcoal.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — brown · charcoal +# White content with a charcoal nav sidebar. Colour pops on dark. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#78350F" + background: "#FFFFFF" + nav-background: "#1A1A1F" + text: "#161618" + text-muted: "#5C5F6E" + nav-link: "#E2E2E2" + nav-link-active: "#FFFFFF" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#E5B583" + background: "#0A0A0C" + nav-background: "#000000" + 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: "#2F7A4A" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DC8C7E" + +# ────────────────────────────────── +# 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# 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 diff --git a/themes/Brown/brown-paper.yaml b/themes/Brown/brown-paper.yaml new file mode 100644 index 0000000..8bbd292 --- /dev/null +++ b/themes/Brown/brown-paper.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — brown · paper +# White paper, neutral chrome. Colour used as a confident accent. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#78350F" + background: "#FFFFFF" + nav-background: "#F4F5F8" + text: "#15161B" + text-muted: "#5C5F6E" + +dark: + accent: "#E5B583" + background: "#0B0C10" + nav-background: "#15171C" + text: "#ECEDF1" + text-muted: "#8E919C" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DC8C7E" + +# ────────────────────────────────── +# 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# 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 diff --git a/themes/Brown/brown-tinted.yaml b/themes/Brown/brown-tinted.yaml new file mode 100644 index 0000000..6956a7b --- /dev/null +++ b/themes/Brown/brown-tinted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — brown · tinted +# Colour-tinted background and nav. Calm, monochromatic, brand-forward. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#78350F" + background: "#FBF8F2" + nav-background: "#ECDFC9" + text: "#1A1A1A" + text-muted: "#5E5E66" + +dark: + accent: "#E5B583" + background: "#14100A" + nav-background: "#1F1810" + 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: "#2F7A4A" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DC8C7E" + +# ────────────────────────────────── +# 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# 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 diff --git a/themes/CAP/amber-bold.yaml b/themes/CAP/amber-bold.yaml new file mode 100644 index 0000000..6f4ce11 --- /dev/null +++ b/themes/CAP/amber-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — amber · bold +# Amber as the whole sidebar. Dark text on yellow — BVG energy, dialled into a brand system. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1A1814" + background: "#FFFFFF" + nav-background: "#F9AD18" + text: "#1A1814" + text-muted: "#5C5A52" + nav-link: "rgba(0,0,0,0.85)" + nav-link-active: "#1A1814" + nav-section-heading: "rgba(0,0,0,0.60)" + nav-sitename: "#000000" + nav-description: "rgba(0,0,0,0.65)" + nav-toggle: "rgba(0,0,0,0.65)" + +dark: + accent: "#FFC85A" + background: "#0F0D0A" + nav-background: "#3F2F08" + text: "#FFFFFF" + text-muted: "#C9B580" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#FFC85A" + 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: "#2B5797" + warning: "#D88A0C" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#F6BF64" + success: "#89D2A3" + 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: "#D88A0C" + background-colour: "#D88A0C" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/CAP/amber-charcoal.yaml b/themes/CAP/amber-charcoal.yaml new file mode 100644 index 0000000..57a7de6 --- /dev/null +++ b/themes/CAP/amber-charcoal.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — amber · charcoal +# White content with a charcoal nav sidebar. Amber pops on dark. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#F9AD18" + background: "#FFFFFF" + nav-background: "#1A1814" + text: "#161412" + text-muted: "#5C5A52" + nav-link: "#E2E2E2" + nav-link-active: "#F9AD18" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#FFB72E" + background: "#0A0907" + nav-background: "#000000" + text: "#F2EFE8" + text-muted: "#9C9890" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#3B73C4" + warning: "#F9AD18" + success: "#2F8A5A" + error: "#D04040" + +colours-semantic-dark: + info: "#82A5D9" + warning: "#F9AD18" + success: "#85D6AB" + error: "#DF7C7C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#3B73C4" + background-colour: "#3B73C4" + warning: + icon: warning + primary-colour: "#F9AD18" + background-colour: "#F9AD18" + success: + icon: success + primary-colour: "#2F8A5A" + background-colour: "#2F8A5A" + error: + icon: error + primary-colour: "#D04040" + background-colour: "#D04040" + +# ────────────────────────────────── +# 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 diff --git a/themes/CAP/amber-mono.yaml b/themes/CAP/amber-mono.yaml new file mode 100644 index 0000000..529f640 --- /dev/null +++ b/themes/CAP/amber-mono.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — amber · mono +# Amber-tinted neutrals throughout. Calm, monochromatic, brand-forward. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#F9AD18" + background: "#FCFAF3" + nav-background: "#F2E9C7" + text: "#1F1A0A" + text-muted: "#6B6248" + nav-link: "#1F1A0A" + nav-link-active: "#1A1A1A" + nav-section-heading: "#6B6248" + nav-sitename: "#1F1A0A" + nav-description: "#6B6248" + nav-toggle: "#6B6248" + +dark: + accent: "#FFCB55" + background: "#13110A" + nav-background: "#1F1B0F" + text: "#F2EEDD" + text-muted: "#9F9778" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#D88A0C" + success: "#2F7A4A" + error: "#B33A2A" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#F6BF64" + success: "#89D2A3" + error: "#E0877B" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2B5797" + background-colour: "#2B5797" + warning: + icon: warning + primary-colour: "#D88A0C" + background-colour: "#D88A0C" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#B33A2A" + background-colour: "#B33A2A" + +# ────────────────────────────────── +# 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 diff --git a/themes/CAP/amber-paper.yaml b/themes/CAP/amber-paper.yaml new file mode 100644 index 0000000..035104b --- /dev/null +++ b/themes/CAP/amber-paper.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — amber · paper +# White paper, neutral chrome. Amber as a confident highlight. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#F9AD18" + background: "#FFFFFF" + nav-background: "#F5F4F0" + text: "#1A1814" + text-muted: "#5C5A52" + nav-link: "#1A1814" + nav-link-active: "#1A1A1A" + nav-section-heading: "#5C5A52" + nav-sitename: "#1A1814" + nav-description: "#5C5A52" + nav-toggle: "#5C5A52" + +dark: + accent: "#FFC04A" + background: "#0F0D0A" + nav-background: "#1A1712" + text: "#F2EFE8" + text-muted: "#A39E92" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#F9AD18" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#F9AD18" + success: "#89D2A3" + 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: "#F9AD18" + background-colour: "#F9AD18" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/CAP/amber-sun.yaml b/themes/CAP/amber-sun.yaml new file mode 100644 index 0000000..3cfa846 --- /dev/null +++ b/themes/CAP/amber-sun.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — amber · sun +# Cream paper, amber-tinted nav. The colour lives in a warm world. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#F9AD18" + background: "#FFFBF1" + nav-background: "#FCF0CE" + text: "#241A0A" + text-muted: "#6E5F40" + nav-link: "#241A0A" + nav-link-active: "#1A1A1A" + nav-section-heading: "#6E5F40" + nav-sitename: "#241A0A" + nav-description: "#6E5F40" + nav-toggle: "#6E5F40" + +dark: + accent: "#FFC85A" + background: "#181308" + nav-background: "#241B0D" + text: "#F5EBD5" + text-muted: "#A9987A" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#D88A0C" + success: "#3F6B3C" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#F6BF64" + success: "#8DD289" + error: "#DC8C7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2B5797" + background-colour: "#2B5797" + warning: + icon: warning + primary-colour: "#D88A0C" + background-colour: "#D88A0C" + success: + icon: success + primary-colour: "#3F6B3C" + background-colour: "#3F6B3C" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# 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 diff --git a/themes/CAP/indigo-bold.yaml b/themes/CAP/indigo-bold.yaml new file mode 100644 index 0000000..a5d2ce4 --- /dev/null +++ b/themes/CAP/indigo-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — indigo · bold +# Indigo as the sidebar itself. Gold accent for content links — institutional and confident. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#C9A23E" + background: "#FFFFFF" + nav-background: "#29307D" + text: "#15172B" + text-muted: "#5C6079" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#C9A23E" + 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: "#E5C04A" + background: "#0C0E1C" + nav-background: "#1A1F4F" + text: "#FFFFFF" + text-muted: "#B0B8E0" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#E5C04A" + 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: "#29307D" + warning: "#B58A1A" + success: "#2F7A4A" + error: "#B91C1C" + +colours-semantic-dark: + info: "#848BD7" + warning: "#EBC970" + success: "#89D2A3" + error: "#EA7171" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#29307D" + background-colour: "#29307D" + warning: + icon: warning + primary-colour: "#B58A1A" + background-colour: "#B58A1A" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#B91C1C" + background-colour: "#B91C1C" + +# ────────────────────────────────── +# 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 diff --git a/themes/CAP/indigo-contrast.yaml b/themes/CAP/indigo-contrast.yaml new file mode 100644 index 0000000..44dcc4c --- /dev/null +++ b/themes/CAP/indigo-contrast.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — indigo · contrast +# Pure white, near-black text, sharper chrome. High-contrast, minimal. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#29307D" + background: "#FFFFFF" + nav-background: "#FFFFFF" + text: "#0A0A0F" + text-muted: "#525266" + +dark: + accent: "#C4C8F2" + background: "#000000" + nav-background: "#0A0A12" + text: "#FFFFFF" + text-muted: "#9C9FB5" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#29307D" + warning: "#B26A1F" + success: "#1F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#848BD7" + warning: "#E7AF74" + success: "#7DDEAB" + error: "#DE7C7C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#29307D" + background-colour: "#29307D" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#1F7A4A" + background-colour: "#1F7A4A" + 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.65 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/CAP/indigo-dusk.yaml b/themes/CAP/indigo-dusk.yaml new file mode 100644 index 0000000..f1ce1c4 --- /dev/null +++ b/themes/CAP/indigo-dusk.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — indigo dusk +# Deep indigo on cool gray. Geometric, contemporary, technical. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#4F46E5" + background: "#FBFBFE" + nav-background: "#EFF0F8" + text: "#15172B" + text-muted: "#6A6D8F" + +dark: + accent: "#A39BFF" + background: "#0B0C1C" + nav-background: "#14162B" + text: "#EAEBF5" + text-muted: "#9698B8" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#4F46E5" + warning: "#C77A12" + success: "#0E8A5F" + error: "#D63F4A" + +colours-semantic-dark: + info: "#7770EB" + warning: "#F1B869" + success: "#6BF0C2" + error: "#E27980" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#4F46E5" + background-colour: "#4F46E5" + warning: + icon: warning + primary-colour: "#C77A12" + background-colour: "#C77A12" + success: + icon: success + primary-colour: "#0E8A5F" + background-colour: "#0E8A5F" + error: + icon: error + primary-colour: "#D63F4A" + background-colour: "#D63F4A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Space Grotesk:400" +font-heading: "bunny:Space Grotesk:600" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.65 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/CAP/indigo-monochrome.yaml b/themes/CAP/indigo-monochrome.yaml new file mode 100644 index 0000000..187930a --- /dev/null +++ b/themes/CAP/indigo-monochrome.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — indigo · monochrome +# Blue-tinted neutrals throughout. Calm, monochromatic, brand-forward. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#29307D" + background: "#F7F8FC" + nav-background: "#E7EAF4" + text: "#1A1E3A" + text-muted: "#5F6585" + +dark: + accent: "#A5ABE6" + background: "#0A0D1F" + nav-background: "#141833" + text: "#E6E8F4" + text-muted: "#8A8FB0" + nav-link: "#E2E2E2" + nav-link-active: "#A5ABE6" + 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: "#29307D" + warning: "#C77A12" + success: "#0E8A5F" + error: "#D63F4A" + +colours-semantic-dark: + info: "#848BD7" + warning: "#F1B869" + success: "#6BF0C2" + error: "#E27980" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#29307D" + background-colour: "#29307D" + warning: + icon: warning + primary-colour: "#C77A12" + background-colour: "#C77A12" + success: + icon: success + primary-colour: "#0E8A5F" + background-colour: "#0E8A5F" + error: + icon: error + primary-colour: "#D63F4A" + background-colour: "#D63F4A" + +# ────────────────────────────────── +# 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 diff --git a/themes/CAP/indigo-paper.yaml b/themes/CAP/indigo-paper.yaml new file mode 100644 index 0000000..4e837e7 --- /dev/null +++ b/themes/CAP/indigo-paper.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — indigo · paper +# Crisp paper white with cool neutral chrome. The default. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#29307D" + background: "#FFFFFF" + nav-background: "#F4F5F9" + text: "#15172B" + text-muted: "#5C6079" + +dark: + accent: "#9AA0E8" + background: "#0C0E1C" + nav-background: "#161A2E" + text: "#ECEDF4" + text-muted: "#9498B5" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#29307D" + warning: "#B26A1F" + success: "#2F7A5A" + error: "#B33A3A" + +colours-semantic-dark: + info: "#848BD7" + warning: "#E7AF74" + success: "#89D2B3" + error: "#D78484" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#29307D" + background-colour: "#29307D" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A5A" + background-colour: "#2F7A5A" + error: + icon: error + primary-colour: "#B33A3A" + background-colour: "#B33A3A" + +# ────────────────────────────────── +# 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 diff --git a/themes/CAP/indigo-warm.yaml b/themes/CAP/indigo-warm.yaml new file mode 100644 index 0000000..16332b2 --- /dev/null +++ b/themes/CAP/indigo-warm.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — indigo · warm +# Off-white paper, warm gray chrome. Reads softer, more editorial. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#29307D" + background: "#FBF9F4" + nav-background: "#F1ECE0" + text: "#1F1B14" + text-muted: "#6E6557" + +dark: + accent: "#B4B9F0" + background: "#14110C" + nav-background: "#1F1B14" + text: "#F1EDE2" + text-muted: "#A99E8A" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#29307D" + warning: "#A35A0F" + success: "#3F6B3C" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#848BD7" + warning: "#F1AE6A" + success: "#8DD289" + error: "#DC8C7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#29307D" + background-colour: "#29307D" + warning: + icon: warning + primary-colour: "#A35A0F" + background-colour: "#A35A0F" + success: + icon: success + primary-colour: "#3F6B3C" + background-colour: "#3F6B3C" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# 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 diff --git a/themes/Childrens/kids-crayon.yaml b/themes/Childrens/kids-crayon.yaml new file mode 100644 index 0000000..ed793ec --- /dev/null +++ b/themes/Childrens/kids-crayon.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — kids · crayon +# Saturated primaries on warm white. Bold but dignified — Nunito Sans bold. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#E63946" + background: "#FFFEF8" + nav-background: "#FFE8C8" + text: "#1A1A1A" + text-muted: "#6E6052" + nav-link: "#1A1A1A" + nav-link-active: "#A12831" + nav-section-heading: "#6E6052" + nav-sitename: "#1A1A1A" + nav-description: "#6E6052" + nav-toggle: "#6E6052" + +dark: + accent: "#FF8B6E" + background: "#1A1814" + nav-background: "#2A2418" + text: "#FAF8F0" + text-muted: "#A89878" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2A6FCF" + warning: "#E69B1F" + success: "#2F8A4A" + error: "#E63946" + +colours-semantic-dark: + info: "#77A5E3" + warning: "#EFBD6C" + success: "#85D69D" + error: "#ED6E78" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2A6FCF" + background-colour: "#2A6FCF" + warning: + icon: warning + primary-colour: "#E69B1F" + background-colour: "#E69B1F" + success: + icon: success + primary-colour: "#2F8A4A" + background-colour: "#2F8A4A" + error: + icon: error + primary-colour: "#E63946" + background-colour: "#E63946" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Nunito Sans:400" +font-heading: "bunny:Nunito Sans:800" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Childrens/kids-meadow.yaml b/themes/Childrens/kids-meadow.yaml new file mode 100644 index 0000000..e15455c --- /dev/null +++ b/themes/Childrens/kids-meadow.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — kids · meadow +# Fresh meadow green on a sunny cream. Outdoors and curious. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#4A8F3F" + background: "#F7FBF3" + nav-background: "#DFEFD0" + text: "#1A2E1A" + text-muted: "#5E7858" + +dark: + accent: "#88C870" + background: "#0E1A0C" + nav-background: "#14241F" + text: "#ECF4E2" + text-muted: "#8AA88A" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2A6FCF" + warning: "#E69B1F" + success: "#4A8F3F" + error: "#C04848" + +colours-semantic-dark: + info: "#77A5E3" + warning: "#EFBD6C" + success: "#93D289" + error: "#D58686" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2A6FCF" + background-colour: "#2A6FCF" + warning: + icon: warning + primary-colour: "#E69B1F" + background-colour: "#E69B1F" + success: + icon: success + primary-colour: "#4A8F3F" + background-colour: "#4A8F3F" + error: + icon: error + primary-colour: "#C04848" + background-colour: "#C04848" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Nunito Sans:400" +font-heading: "bunny:Nunito Sans:800" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Childrens/kids-storybook.yaml b/themes/Childrens/kids-storybook.yaml new file mode 100644 index 0000000..b5d6c23 --- /dev/null +++ b/themes/Childrens/kids-storybook.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — kids · storybook +# Soft pastel coral with serif headlines. Reads like a children\'s book. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#C25A3F" + background: "#FFF8F0" + nav-background: "#FFE8D8" + text: "#2A1F1A" + text-muted: "#8A6F5E" + +dark: + accent: "#FFA078" + background: "#1A140E" + nav-background: "#251812" + text: "#F4E8D8" + text-muted: "#B89580" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#5A7AB8" + warning: "#C25A3F" + success: "#3F8A5A" + error: "#A0381F" + +colours-semantic-dark: + info: "#89A2D2" + warning: "#D89583" + success: "#89D2A3" + error: "#E58C76" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#5A7AB8" + background-colour: "#5A7AB8" + warning: + icon: warning + primary-colour: "#C25A3F" + background-colour: "#C25A3F" + success: + icon: success + primary-colour: "#3F8A5A" + background-colour: "#3F8A5A" + error: + icon: error + primary-colour: "#A0381F" + background-colour: "#A0381F" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Nunito Sans:400" +font-heading: "bunny:Newsreader:600" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.75 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Coffee shop/coffee-cortado.yaml b/themes/Coffee shop/coffee-cortado.yaml new file mode 100644 index 0000000..0334620 --- /dev/null +++ b/themes/Coffee shop/coffee-cortado.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — coffee · cortado +# Balanced warm beige. Equal parts milk and espresso — the goldilocks of the three. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#6F3A1F" + background: "#FBF6EA" + nav-background: "#F2E2C0" + text: "#2A1A0F" + text-muted: "#6E5A40" + +dark: + accent: "#D8945C" + background: "#1A130A" + nav-background: "#251A10" + text: "#F0E0CC" + text-muted: "#A89580" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#5A7AB8" + warning: "#B26A1F" + success: "#3F6B3C" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#89A2D2" + warning: "#E7AF74" + success: "#8DD289" + error: "#DC8C7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#5A7AB8" + background-colour: "#5A7AB8" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#3F6B3C" + background-colour: "#3F6B3C" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Newsreader:400" +font-heading: "bunny:Newsreader:600" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.65 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Coffee shop/coffee-espresso.yaml b/themes/Coffee shop/coffee-espresso.yaml new file mode 100644 index 0000000..69f07da --- /dev/null +++ b/themes/Coffee shop/coffee-espresso.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — coffee · espresso +# Dark roast. Rich espresso brown on warm cream — strongest of the three. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#3D1E0F" + background: "#FAF2E2" + nav-background: "#3D1E0F" + text: "#2A1810" + text-muted: "#6E5640" + nav-link: "#E2E2E2" + nav-link-active: "#FFFFFF" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#C99060" + background: "#140A05" + nav-background: "#000000" + text: "#F0E0CC" + text-muted: "#A88068" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#3D1E0F" + warning: "#B26A1F" + success: "#3F6B3C" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#DF9C7C" + warning: "#E7AF74" + success: "#8DD289" + error: "#DC8C7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#3D1E0F" + background-colour: "#3D1E0F" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#3F6B3C" + background-colour: "#3F6B3C" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Newsreader:400" +font-heading: "bunny:Newsreader:600" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.65 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Coffee shop/coffee-latte.yaml b/themes/Coffee shop/coffee-latte.yaml new file mode 100644 index 0000000..1e53da8 --- /dev/null +++ b/themes/Coffee shop/coffee-latte.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — coffee · latte +# Cream and milky caramel. Soft contrast — gentle on the eyes. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#8B5A3C" + background: "#F8F0E2" + nav-background: "#EDDFC8" + text: "#3A2A1A" + text-muted: "#75604A" + +dark: + accent: "#D8A878" + background: "#1F1810" + nav-background: "#2A1F15" + text: "#F0E2CC" + text-muted: "#A89580" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#5A7AB8" + warning: "#B26A1F" + success: "#3F6B3C" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#89A2D2" + warning: "#E7AF74" + success: "#8DD289" + error: "#DC8C7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#5A7AB8" + background-colour: "#5A7AB8" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#3F6B3C" + background-colour: "#3F6B3C" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Newsreader:400" +font-heading: "bunny:Newsreader:600" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.65 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Developer/dev-catppuccin.yaml b/themes/Developer/dev-catppuccin.yaml new file mode 100644 index 0000000..072d6e8 --- /dev/null +++ b/themes/Developer/dev-catppuccin.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — catppuccin +# Soothing pastel theme — Latte for day, Mocha for night. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1E66F5" + background: "#EFF1F5" + nav-background: "#E6E9EF" + text: "#4C4F69" + text-muted: "#6C6F85" + +dark: + accent: "#89B4FA" + background: "#1E1E2E" + nav-background: "#181825" + text: "#CDD6F4" + text-muted: "#BAC2DE" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#89B4FA" + warning: "#FAB387" + success: "#A6E3A1" + error: "#F38BA8" + +colours-semantic-dark: + info: "#629BF8" + warning: "#FAB387" + success: "#A6E3A1" + error: "#F06B90" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#89B4FA" + background-colour: "#89B4FA" + warning: + icon: warning + primary-colour: "#FAB387" + background-colour: "#FAB387" + success: + icon: success + primary-colour: "#A6E3A1" + background-colour: "#A6E3A1" + error: + icon: error + primary-colour: "#F38BA8" + background-colour: "#F38BA8" + +# ────────────────────────────────── +# 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 diff --git a/themes/Developer/dev-dracula.yaml b/themes/Developer/dev-dracula.yaml new file mode 100644 index 0000000..7e1a006 --- /dev/null +++ b/themes/Developer/dev-dracula.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — dracula +# Gothic purple-on-shadow. The canonical IDE pink + purple + cyan palette. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#BD93F9" + background: "#F8F8F2" + nav-background: "#E8E6F0" + text: "#282A36" + text-muted: "#6272A4" + nav-link: "#282A36" + nav-link-active: "#1A1A1A" + nav-section-heading: "#6272A4" + nav-sitename: "#282A36" + nav-description: "#6272A4" + nav-toggle: "#6272A4" + +dark: + accent: "#BD93F9" + background: "#282A36" + nav-background: "#21222C" + text: "#F8F8F2" + text-muted: "#6272A4" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#8BE9FD" + warning: "#FFB86C" + success: "#50FA7B" + error: "#FF5555" + +colours-semantic-dark: + info: "#8BE9FD" + warning: "#FFB86C" + success: "#50FA7B" + error: "#FF5C5C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#8BE9FD" + background-colour: "#8BE9FD" + warning: + icon: warning + primary-colour: "#FFB86C" + background-colour: "#FFB86C" + success: + icon: success + primary-colour: "#50FA7B" + background-colour: "#50FA7B" + error: + icon: error + primary-colour: "#FF5555" + background-colour: "#FF5555" + +# ────────────────────────────────── +# 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 diff --git a/themes/Developer/dev-gruvbox.yaml b/themes/Developer/dev-gruvbox.yaml new file mode 100644 index 0000000..3fc2089 --- /dev/null +++ b/themes/Developer/dev-gruvbox.yaml @@ -0,0 +1,80 @@ +# 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 diff --git a/themes/Developer/dev-monokai.yaml b/themes/Developer/dev-monokai.yaml new file mode 100644 index 0000000..f67a83b --- /dev/null +++ b/themes/Developer/dev-monokai.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — monokai +# The 2006 TextMate classic — high-saturation on warm charcoal. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#F92672" + background: "#FAFAF6" + nav-background: "#F0EFE8" + text: "#272822" + text-muted: "#75715E" + +dark: + accent: "#F92672" + background: "#272822" + nav-background: "#1E1F1B" + text: "#F8F8F2" + text-muted: "#75715E" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#66D9EF" + warning: "#FD971F" + success: "#A6E22E" + error: "#F92672" + +colours-semantic-dark: + info: "#66D9EF" + warning: "#FEB45D" + success: "#A6E22E" + error: "#FB6098" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#66D9EF" + background-colour: "#66D9EF" + warning: + icon: warning + primary-colour: "#FD971F" + background-colour: "#FD971F" + success: + icon: success + primary-colour: "#A6E22E" + background-colour: "#A6E22E" + error: + icon: error + primary-colour: "#F92672" + background-colour: "#F92672" + +# ────────────────────────────────── +# 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 diff --git a/themes/Developer/dev-nord.yaml b/themes/Developer/dev-nord.yaml new file mode 100644 index 0000000..6e6f0c6 --- /dev/null +++ b/themes/Developer/dev-nord.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — nord +# Arctic, north-bluish palette — Polar Night + Snow Storm + Frost. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#5E81AC" + background: "#ECEFF4" + nav-background: "#E5E9F0" + text: "#2E3440" + text-muted: "#4C566A" + +dark: + accent: "#88C0D0" + background: "#2E3440" + nav-background: "#3B4252" + text: "#ECEFF4" + text-muted: "#D8DEE9" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#5E81AC" + warning: "#D08770" + success: "#A3BE8C" + error: "#BF616A" + +colours-semantic-dark: + info: "#89AAD2" + warning: "#D79884" + success: "#AAD289" + error: "#D28990" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#5E81AC" + background-colour: "#5E81AC" + warning: + icon: warning + primary-colour: "#D08770" + background-colour: "#D08770" + success: + icon: success + primary-colour: "#A3BE8C" + background-colour: "#A3BE8C" + error: + icon: error + primary-colour: "#BF616A" + background-colour: "#BF616A" + +# ────────────────────────────────── +# 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 diff --git a/themes/Developer/dev-one-dark.yaml b/themes/Developer/dev-one-dark.yaml new file mode 100644 index 0000000..b4711e1 --- /dev/null +++ b/themes/Developer/dev-one-dark.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — one dark +# Atom's signature theme — soft greys with cool primary accents. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#4078F2" + background: "#FAFAFA" + nav-background: "#F0F0F0" + text: "#383A42" + text-muted: "#A0A1A7" + nav-link: "#383A42" + nav-link-active: "#4078F2" + nav-section-heading: "#5C5C5C" + nav-sitename: "#383A42" + nav-description: "#5C5C5C" + nav-toggle: "#5C5C5C" + +dark: + accent: "#61AFEF" + background: "#282C34" + nav-background: "#21252B" + text: "#ABB2BF" + text-muted: "#5C6370" + nav-link: "#E2E2E2" + nav-link-active: "#61AFEF" + 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: "#61AFEF" + warning: "#E5C07B" + success: "#98C379" + error: "#E06C75" + +colours-semantic-dark: + info: "#6BB4F0" + warning: "#E5C07B" + success: "#A7D289" + error: "#E37880" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#61AFEF" + background-colour: "#61AFEF" + warning: + icon: warning + primary-colour: "#E5C07B" + background-colour: "#E5C07B" + success: + icon: success + primary-colour: "#98C379" + background-colour: "#98C379" + error: + icon: error + primary-colour: "#E06C75" + background-colour: "#E06C75" + +# ────────────────────────────────── +# 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 diff --git a/themes/Developer/dev-solarized.yaml b/themes/Developer/dev-solarized.yaml new file mode 100644 index 0000000..affb82d --- /dev/null +++ b/themes/Developer/dev-solarized.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — solarized +# Ethan Schoonover's precision palette — same hues, swapped backgrounds. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#268BD2" + background: "#FDF6E3" + nav-background: "#EEE8D5" + text: "#073642" + text-muted: "#586E75" + +dark: + accent: "#268BD2" + background: "#002B36" + nav-background: "#073642" + text: "#EEE8D5" + text-muted: "#93A1A1" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#268BD2" + 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: "#268BD2" + warning: "#CB4B16" + success: "#859900" + error: "#DC322F" + +colours-semantic-dark: + info: "#75B7E6" + warning: "#EF926C" + success: "#EAFF5C" + error: "#E77573" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#268BD2" + background-colour: "#268BD2" + warning: + icon: warning + primary-colour: "#CB4B16" + background-colour: "#CB4B16" + success: + icon: success + primary-colour: "#859900" + background-colour: "#859900" + error: + icon: error + primary-colour: "#DC322F" + background-colour: "#DC322F" + +# ────────────────────────────────── +# 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 diff --git a/themes/Developer/dev-tokyo-night.yaml b/themes/Developer/dev-tokyo-night.yaml new file mode 100644 index 0000000..d04579f --- /dev/null +++ b/themes/Developer/dev-tokyo-night.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — tokyo night +# Neon storefront on midnight asphalt. enkia's vivid Tokyo palette. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#34548A" + background: "#E1E2E7" + nav-background: "#D5D6DB" + text: "#343B58" + text-muted: "#565A6E" + +dark: + accent: "#7AA2F7" + background: "#1A1B26" + nav-background: "#16161E" + text: "#C0CAF5" + text-muted: "#A9B1D6" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#7AA2F7" + warning: "#E0AF68" + success: "#9ECE6A" + error: "#F7768E" + +colours-semantic-dark: + info: "#6593F6" + warning: "#E3B778" + success: "#9ECE6A" + error: "#F66580" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#7AA2F7" + background-colour: "#7AA2F7" + warning: + icon: warning + primary-colour: "#E0AF68" + background-colour: "#E0AF68" + success: + icon: success + primary-colour: "#9ECE6A" + background-colour: "#9ECE6A" + error: + icon: error + primary-colour: "#F7768E" + background-colour: "#F7768E" + +# ────────────────────────────────── +# 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 diff --git a/themes/Government-Institutional/gov-civic.yaml b/themes/Government-Institutional/gov-civic.yaml new file mode 100644 index 0000000..f845c76 --- /dev/null +++ b/themes/Government-Institutional/gov-civic.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — gov · civic +# USWDS-style civic palette — restrained navy and red on cool gray. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#112E51" + background: "#FFFFFF" + nav-background: "#F0F0F0" + text: "#1B1B1B" + text-muted: "#5C5C5C" + +dark: + accent: "#5A9AD8" + background: "#0E1A2E" + nav-background: "#112E51" + text: "#F0F0F0" + text-muted: "#A8B0BC" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#112E51" + 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: "#112E51" + warning: "#BE7E2C" + success: "#2E8540" + error: "#BE2C2C" + +colours-semantic-dark: + info: "#78A8E3" + warning: "#E0B47A" + success: "#86D596" + error: "#E07A7A" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#112E51" + background-colour: "#112E51" + warning: + icon: warning + primary-colour: "#BE7E2C" + background-colour: "#BE7E2C" + success: + icon: success + primary-colour: "#2E8540" + background-colour: "#2E8540" + error: + icon: error + primary-colour: "#BE2C2C" + background-colour: "#BE2C2C" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Public Sans:400" +font-heading: "bunny:Public Sans:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.65 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Government-Institutional/gov-eu.yaml b/themes/Government-Institutional/gov-eu.yaml new file mode 100644 index 0000000..7f9e35e --- /dev/null +++ b/themes/Government-Institutional/gov-eu.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — gov · eu +# European Union institutional blue and gold. Clean and authoritative. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#003399" + background: "#FFFFFF" + nav-background: "#E6EBF5" + text: "#1F1F1F" + text-muted: "#4F5763" + +dark: + accent: "#FFCC00" + background: "#0A1024" + nav-background: "#131A30" + text: "#ECEDF4" + text-muted: "#9498B5" + nav-link: "#E2E2E2" + nav-link-active: "#FFCC00" + 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: "#003399" + warning: "#FFCC00" + success: "#1F6B3C" + error: "#A1001C" + +colours-semantic-dark: + info: "#5C92FF" + warning: "#FFCC00" + success: "#80DAA3" + error: "#FF5C78" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#003399" + background-colour: "#003399" + warning: + icon: warning + primary-colour: "#FFCC00" + background-colour: "#FFCC00" + success: + icon: success + primary-colour: "#1F6B3C" + background-colour: "#1F6B3C" + error: + icon: error + primary-colour: "#A1001C" + background-colour: "#A1001C" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Public Sans:400" +font-heading: "bunny:Public Sans:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.65 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Government-Institutional/gov-uk.yaml b/themes/Government-Institutional/gov-uk.yaml new file mode 100644 index 0000000..48dcec5 --- /dev/null +++ b/themes/Government-Institutional/gov-uk.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — gov · uk +# GOV.UK palette — black text, link blue (#1D70B8), warm neutral chrome. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1D70B8" + background: "#FFFFFF" + nav-background: "#F3F2F1" + text: "#0B0C0C" + text-muted: "#505A5F" + +dark: + accent: "#5694CA" + background: "#0B0C0C" + nav-background: "#1A1A1A" + text: "#FFFFFF" + text-muted: "#B1B4B6" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#1D70B8" + warning: "#F47738" + success: "#00703C" + error: "#D4351C" + +colours-semantic-dark: + info: "#72B2E9" + warning: "#F69564" + success: "#5CFFB3" + error: "#EC806F" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1D70B8" + background-colour: "#1D70B8" + warning: + icon: warning + primary-colour: "#F47738" + background-colour: "#F47738" + success: + icon: success + primary-colour: "#00703C" + background-colour: "#00703C" + error: + icon: error + primary-colour: "#D4351C" + background-colour: "#D4351C" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Public Sans:400" +font-heading: "bunny:Public Sans:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.65 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Gray/gray-mono.yaml b/themes/Gray/gray-mono.yaml new file mode 100644 index 0000000..cb8f28a --- /dev/null +++ b/themes/Gray/gray-mono.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — gray · mono +# Pure black on white. Maximum restraint — no chrome, no tint. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#000000" + background: "#FFFFFF" + nav-background: "#FFFFFF" + text: "#000000" + text-muted: "#737380" + +dark: + accent: "#FFFFFF" + background: "#000000" + nav-background: "#000000" + text: "#FFFFFF" + text-muted: "#8A8A92" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#1F2937" + warning: "#1F2937" + success: "#1F2937" + error: "#1F2937" + +colours-semantic-dark: + info: "#89A7D2" + warning: "#89A7D2" + success: "#89A7D2" + error: "#89A7D2" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1F2937" + background-colour: "#1F2937" + warning: + icon: warning + primary-colour: "#1F2937" + background-colour: "#1F2937" + success: + icon: success + primary-colour: "#1F2937" + background-colour: "#1F2937" + error: + icon: error + primary-colour: "#1F2937" + background-colour: "#1F2937" + +# ────────────────────────────────── +# 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 diff --git a/themes/Gray/gray-paper.yaml b/themes/Gray/gray-paper.yaml new file mode 100644 index 0000000..2542130 --- /dev/null +++ b/themes/Gray/gray-paper.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — gray · paper +# White paper, neutral chrome. Colour used as a confident accent. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1F2937" + background: "#FFFFFF" + nav-background: "#F4F5F8" + text: "#15161B" + text-muted: "#5C5F6E" + +dark: + accent: "#E5E7EB" + background: "#0B0C10" + nav-background: "#15171C" + text: "#ECEDF1" + text-muted: "#8E919C" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Gray/gray-tinted.yaml b/themes/Gray/gray-tinted.yaml new file mode 100644 index 0000000..cfffdfc --- /dev/null +++ b/themes/Gray/gray-tinted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — gray · tinted +# Colour-tinted background and nav. Calm, monochromatic, brand-forward. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1F2937" + background: "#FAFAFA" + nav-background: "#EBEBED" + text: "#1A1A1A" + text-muted: "#5E5E66" + +dark: + accent: "#E5E7EB" + background: "#0E0E10" + nav-background: "#18181B" + 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: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Green/green-charcoal.yaml b/themes/Green/green-charcoal.yaml new file mode 100644 index 0000000..f215a45 --- /dev/null +++ b/themes/Green/green-charcoal.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — green · charcoal +# White content with a charcoal nav sidebar. Colour pops on dark. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#16A34A" + background: "#FFFFFF" + nav-background: "#1A1A1F" + text: "#161618" + text-muted: "#5C5F6E" + nav-link: "#E2E2E2" + nav-link-active: "#16A34A" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#86EFAC" + background: "#0A0A0C" + nav-background: "#000000" + 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 diff --git a/themes/Green/green-paper.yaml b/themes/Green/green-paper.yaml new file mode 100644 index 0000000..434206e --- /dev/null +++ b/themes/Green/green-paper.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — green · paper +# White paper, neutral chrome. Colour used as a confident accent. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#16A34A" + background: "#FFFFFF" + nav-background: "#F4F5F8" + text: "#15161B" + text-muted: "#5C5F6E" + +dark: + accent: "#86EFAC" + background: "#0B0C10" + nav-background: "#15171C" + text: "#ECEDF1" + text-muted: "#8E919C" + +# ────────────────────────────────── +# 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 diff --git a/themes/Green/green-tinted.yaml b/themes/Green/green-tinted.yaml new file mode 100644 index 0000000..2aa4817 --- /dev/null +++ b/themes/Green/green-tinted.yaml @@ -0,0 +1,80 @@ +# 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 diff --git a/themes/International flags/canada-bold.yaml b/themes/International flags/canada-bold.yaml new file mode 100644 index 0000000..2a73117 --- /dev/null +++ b/themes/International flags/canada-bold.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — canada · bold +# The Maple Leaf — pure Pantone 032 red on white. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#FF0000" + background: "#FFFFFF" + nav-background: "#FF0000" + 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: "#FF4040" + background: "#180608" + nav-background: "#000000" + text: "#FFFFFF" + text-muted: "#B89090" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/International flags/canada-muted.yaml b/themes/International flags/canada-muted.yaml new file mode 100644 index 0000000..757c8fd --- /dev/null +++ b/themes/International flags/canada-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — canada · muted +# Maple-syrup russet and parchment — autumn Canadiana. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#9C2030" + background: "#FAF6F2" + nav-background: "#EDD8D0" + text: "#2A1A18" + text-muted: "#7A5E5C" + +dark: + accent: "#D85060" + background: "#180C0C" + nav-background: "#241414" + text: "#F0E5DC" + text-muted: "#A89080" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/International flags/china-bold.yaml b/themes/International flags/china-bold.yaml new file mode 100644 index 0000000..087747b --- /dev/null +++ b/themes/International flags/china-bold.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — china · bold +# Wǔxīng Hóngqí — vivid red and gold, the flag at full strength. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#EE1C25" + background: "#FFFFFF" + nav-background: "#EE1C25" + 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: "#FFCD00" + background: "#1A0608" + nav-background: "#000000" + text: "#FFFFFF" + text-muted: "#B89090" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/International flags/china-muted.yaml b/themes/International flags/china-muted.yaml new file mode 100644 index 0000000..b8f4e5a --- /dev/null +++ b/themes/International flags/china-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — china · muted +# Cinnabar and antique gold — the same palette tempered. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#9C2030" + background: "#FBF6F0" + nav-background: "#F0DDD8" + text: "#2A1818" + text-muted: "#7A5E5E" + +dark: + accent: "#D8A848" + background: "#180C0E" + nav-background: "#241418" + text: "#F0E5D0" + text-muted: "#A89880" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/International flags/ireland-bold.yaml b/themes/International flags/ireland-bold.yaml new file mode 100644 index 0000000..4e2feab --- /dev/null +++ b/themes/International flags/ireland-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — ireland · bold +# Tricolour at full saturation — green accent on white, an orange sidebar to balance. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#169B62" + background: "#FFFFFF" + nav-background: "#FF883E" + text: "#0A3F2A" + text-muted: "#5E7868" + 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: "#FF883E" + background: "#0A2A1F" + nav-background: "#0F3E2C" + text: "#FFFFFF" + text-muted: "#A8C0B0" + nav-link: "#E2E2E2" + nav-link-active: "#FF883E" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/International flags/ireland-muted.yaml b/themes/International flags/ireland-muted.yaml new file mode 100644 index 0000000..70e782c --- /dev/null +++ b/themes/International flags/ireland-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — ireland · muted +# Mossy green and oat — same hues, dialled back for everyday. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#3F7A5A" + background: "#F8FAF6" + nav-background: "#EEE3D0" + text: "#1A2A20" + text-muted: "#6E7A6E" + +dark: + accent: "#88B89C" + background: "#0D1614" + nav-background: "#1A2218" + text: "#E8EFE8" + text-muted: "#90A096" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/International flags/italy-bold.yaml b/themes/International flags/italy-bold.yaml new file mode 100644 index 0000000..3058a44 --- /dev/null +++ b/themes/International flags/italy-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — italy · bold +# Il Tricolore — vivid green sidebar, crimson accent on ivory. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#CE2B37" + background: "#FFFFFF" + nav-background: "#009246" + text: "#0A2A1A" + text-muted: "#5C7868" + 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: "#E84858" + background: "#0D2418" + nav-background: "#0F3D24" + text: "#FFFFFF" + text-muted: "#A8C0B0" + nav-link: "#E2E2E2" + nav-link-active: "#E84858" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/International flags/italy-muted.yaml b/themes/International flags/italy-muted.yaml new file mode 100644 index 0000000..63cd4fc --- /dev/null +++ b/themes/International flags/italy-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — italy · muted +# Terracotta and olive — Italian palette in a quieter register. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#7A2A2F" + background: "#FBF8F2" + nav-background: "#E6E2D0" + text: "#241A18" + text-muted: "#6E5E5C" + +dark: + accent: "#D8786E" + background: "#1A1010" + nav-background: "#241616" + text: "#F0E5DC" + text-muted: "#A89888" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/International flags/kenya-bold.yaml b/themes/International flags/kenya-bold.yaml new file mode 100644 index 0000000..2694ebe --- /dev/null +++ b/themes/International flags/kenya-bold.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — kenya · bold +# Bendera ya Kenya — red, deep green, and black at full intensity. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#BB0000" + background: "#FFFFFF" + nav-background: "#006600" + 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: "#E84040" + background: "#0A1A0A" + nav-background: "#000000" + text: "#FFFFFF" + text-muted: "#A8B0A8" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/International flags/kenya-muted.yaml b/themes/International flags/kenya-muted.yaml new file mode 100644 index 0000000..d6934c3 --- /dev/null +++ b/themes/International flags/kenya-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — kenya · muted +# Soft acacia greens with brick-red accent — calmer Kenyan palette. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#7A2A2A" + background: "#FBF8F2" + nav-background: "#E4EAD8" + text: "#1A2418" + text-muted: "#6E7A6E" + +dark: + accent: "#D8786E" + background: "#0F1614" + nav-background: "#1A211A" + text: "#F0E5DC" + text-muted: "#A8989A" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/International flags/netherlands-bold.yaml b/themes/International flags/netherlands-bold.yaml new file mode 100644 index 0000000..61fd285 --- /dev/null +++ b/themes/International flags/netherlands-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — the netherlands · bold +# Bright red, ivory, royal blue — the Dutch tricolour in full voice. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#AE1C28" + background: "#FFFFFF" + nav-background: "#21468B" + text: "#1A2447" + text-muted: "#5C6E94" + 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: "#E5404E" + background: "#0E1A36" + nav-background: "#162854" + text: "#FFFFFF" + text-muted: "#9DB1D8" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#E5404E" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/International flags/netherlands-muted.yaml b/themes/International flags/netherlands-muted.yaml new file mode 100644 index 0000000..d46875f --- /dev/null +++ b/themes/International flags/netherlands-muted.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — the netherlands · muted +# Delft-blue accent on cool ivory — the volume turned down. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#2F4F8F" + background: "#FAFBFD" + nav-background: "#E4E8F1" + text: "#1A2238" + text-muted: "#6E7588" + +dark: + accent: "#88A0D8" + background: "#0E1422" + nav-background: "#16203A" + text: "#E8ECF4" + text-muted: "#9098AC" + nav-link: "#E2E2E2" + nav-link-active: "#88A0D8" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/International flags/south-africa-bold.yaml b/themes/International flags/south-africa-bold.yaml new file mode 100644 index 0000000..9fafce6 --- /dev/null +++ b/themes/International flags/south-africa-bold.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — south africa · bold +# Six-colour palette — emerald accent, gold highlight, black sidebar. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#007749" + background: "#FFFFFF" + nav-background: "#000000" + text: "#1A1A1A" + text-muted: "#5C5C5C" + nav-link: "#E2E2E2" + nav-link-active: "#007749" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#FFB81C" + background: "#0A1A12" + nav-background: "#000000" + text: "#FFFFFF" + text-muted: "#A8B0A8" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/International flags/south-africa-muted.yaml b/themes/International flags/south-africa-muted.yaml new file mode 100644 index 0000000..c77adb4 --- /dev/null +++ b/themes/International flags/south-africa-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — south africa · muted +# Savannah greens and ochre — earth tones from the same family. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#3F7A5A" + background: "#FAF8F2" + nav-background: "#EBE2D0" + text: "#1F2A20" + text-muted: "#6E7A6E" + +dark: + accent: "#C9A55A" + background: "#0F1814" + nav-background: "#1A211A" + text: "#EFEAE0" + text-muted: "#9A988C" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/International flags/south-korea-bold.yaml b/themes/International flags/south-korea-bold.yaml new file mode 100644 index 0000000..9f0a5a4 --- /dev/null +++ b/themes/International flags/south-korea-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — south korea · bold +# Taegukgi — red and blue from the central taegeuk, on white. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#CD2E3A" + background: "#FFFFFF" + nav-background: "#0047A0" + 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: "#E5404E" + background: "#001A40" + nav-background: "#001236" + text: "#FFFFFF" + text-muted: "#9DB1D0" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#E5404E" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/International flags/south-korea-muted.yaml b/themes/International flags/south-korea-muted.yaml new file mode 100644 index 0000000..ac57624 --- /dev/null +++ b/themes/International flags/south-korea-muted.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — south korea · muted +# Indigo and stone — Joseon-era ink-on-paper restraint. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#3F5E8F" + background: "#FBFAF7" + nav-background: "#E4E8EE" + text: "#1A2238" + text-muted: "#6E7588" + +dark: + accent: "#88A0D8" + background: "#0E1422" + nav-background: "#16203A" + text: "#E8ECF4" + text-muted: "#9098AC" + nav-link: "#E2E2E2" + nav-link-active: "#88A0D8" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/International flags/thailand-bold.yaml b/themes/International flags/thailand-bold.yaml new file mode 100644 index 0000000..b89f547 --- /dev/null +++ b/themes/International flags/thailand-bold.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — thailand · bold +# Thong Trairong — crimson accent on indigo-and-white. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#A51931" + background: "#FFFFFF" + nav-background: "#2D2A4A" + text: "#1A1834" + text-muted: "#5E5C7A" + nav-link: "#E2E2E2" + nav-link-active: "#FFFFFF" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#E84858" + background: "#1A1834" + nav-background: "#0F0E1F" + text: "#FFFFFF" + text-muted: "#A8A4C0" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/International flags/thailand-muted.yaml b/themes/International flags/thailand-muted.yaml new file mode 100644 index 0000000..212d88a --- /dev/null +++ b/themes/International flags/thailand-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — thailand · muted +# Temple-violet and lotus — restrained Thai palette. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#5E4A6E" + background: "#FBFAF3" + nav-background: "#E4E0EC" + text: "#1F1A28" + text-muted: "#6E5C7A" + +dark: + accent: "#A88AC8" + background: "#0E0D1A" + nav-background: "#1A1828" + text: "#EAE5F0" + text-muted: "#A095A8" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/International flags/ukraine-bold.yaml b/themes/International flags/ukraine-bold.yaml new file mode 100644 index 0000000..ae0f3d0 --- /dev/null +++ b/themes/International flags/ukraine-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — ukraine · bold +# Sky over wheat — flag-blue and saffron-gold at full strength. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#0057B7" + background: "#FFFFFF" + nav-background: "#FFD700" + text: "#001F4E" + text-muted: "#5C6E94" + nav-link: "rgba(0,0,0,0.85)" + nav-link-active: "#0057B7" + nav-section-heading: "rgba(0,0,0,0.60)" + nav-sitename: "#000000" + nav-description: "rgba(0,0,0,0.65)" + nav-toggle: "rgba(0,0,0,0.65)" + +dark: + accent: "#FFD700" + background: "#001F4E" + nav-background: "#001436" + text: "#FFFFFF" + text-muted: "#9DB4D8" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#FFD700" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/International flags/ukraine-muted.yaml b/themes/International flags/ukraine-muted.yaml new file mode 100644 index 0000000..646e279 --- /dev/null +++ b/themes/International flags/ukraine-muted.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — ukraine · muted +# Wheat-field gold and cornflower blue, softened. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#2A6BAA" + background: "#FBFAF3" + nav-background: "#F0E5B8" + text: "#1F2D44" + text-muted: "#6E7588" + nav-link: "#1F2D44" + nav-link-active: "#1D4B77" + nav-section-heading: "#6E7588" + nav-sitename: "#1F2D44" + nav-description: "#6E7588" + nav-toggle: "#6E7588" + +dark: + accent: "#D8C158" + background: "#0E1622" + nav-background: "#1A2030" + text: "#EAEDF2" + text-muted: "#A89E70" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Legal-formal/legal-bar.yaml b/themes/Legal-formal/legal-bar.yaml new file mode 100644 index 0000000..c2e37f4 --- /dev/null +++ b/themes/Legal-formal/legal-bar.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — legal · bar +# Burgundy on ivory. Slightly warmer than Counsel — chambers, not courtroom. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#7A2030" + background: "#FBF6F0" + nav-background: "#F0E5D8" + text: "#1A1410" + text-muted: "#6E5C4A" + +dark: + accent: "#D85068" + background: "#1A0F0C" + nav-background: "#251510" + text: "#F0E5D8" + text-muted: "#A89080" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2A4A8F" + warning: "#8B5A00" + success: "#3F6B3C" + error: "#7A2030" + +colours-semantic-dark: + info: "#819DDA" + warning: "#FFC55C" + success: "#8DD289" + error: "#DD7E8F" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2A4A8F" + background-colour: "#2A4A8F" + warning: + icon: warning + primary-colour: "#8B5A00" + background-colour: "#8B5A00" + success: + icon: success + primary-colour: "#3F6B3C" + background-colour: "#3F6B3C" + error: + icon: error + primary-colour: "#7A2030" + background-colour: "#7A2030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:EB Garamond:500" +font-heading: "bunny:EB Garamond:700" +font-size: 1.10 # unitless multiplier (1.0 = 16px base) +line-height: 1.65 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Legal-formal/legal-counsel.yaml b/themes/Legal-formal/legal-counsel.yaml new file mode 100644 index 0000000..0ecd659 --- /dev/null +++ b/themes/Legal-formal/legal-counsel.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — legal · counsel +# Oxblood on cream, EB Garamond throughout. Traditional and authoritative. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#5B0F1F" + background: "#FAF5EC" + nav-background: "#EFE3CB" + text: "#1A1410" + text-muted: "#6E5C4A" + +dark: + accent: "#C04A5A" + background: "#1A100A" + nav-background: "#251A12" + text: "#F0E5D0" + text-muted: "#A8907A" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2A4A8F" + warning: "#8B5A00" + success: "#3F6B3C" + error: "#5B0F1F" + +colours-semantic-dark: + info: "#819DDA" + warning: "#FFC55C" + success: "#8DD289" + error: "#E8738C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2A4A8F" + background-colour: "#2A4A8F" + warning: + icon: warning + primary-colour: "#8B5A00" + background-colour: "#8B5A00" + success: + icon: success + primary-colour: "#3F6B3C" + background-colour: "#3F6B3C" + error: + icon: error + primary-colour: "#5B0F1F" + background-colour: "#5B0F1F" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:EB Garamond:500" +font-heading: "bunny:EB Garamond:700" +font-size: 1.10 # unitless multiplier (1.0 = 16px base) +line-height: 1.65 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Legal-formal/legal-court.yaml b/themes/Legal-formal/legal-court.yaml new file mode 100644 index 0000000..215afb4 --- /dev/null +++ b/themes/Legal-formal/legal-court.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — legal · court +# Judicial brass on charcoal nav. Serif heads with sans body — formal but legible. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#8B6F1E" + background: "#FAFAF6" + nav-background: "#2A2A24" + text: "#1A1A14" + text-muted: "#5C5C56" + nav-link: "#E2E2E2" + nav-link-active: "#8B6F1E" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#D8B048" + background: "#0A0A08" + nav-background: "#1A1A14" + text: "#F0F0E8" + text-muted: "#A8A89A" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2A4A8F" + warning: "#8B6F1E" + success: "#3F6B3C" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#819DDA" + warning: "#E2C779" + success: "#8DD289" + error: "#DC8C7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2A4A8F" + background-colour: "#2A4A8F" + warning: + icon: warning + primary-colour: "#8B6F1E" + background-colour: "#8B6F1E" + success: + icon: success + primary-colour: "#3F6B3C" + background-colour: "#3F6B3C" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Public Sans:400" +font-heading: "bunny:EB Garamond:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Medical-Clinical/med-clinic-bold.yaml b/themes/Medical-Clinical/med-clinic-bold.yaml new file mode 100644 index 0000000..33dda77 --- /dev/null +++ b/themes/Medical-Clinical/med-clinic-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — medical · clinic · bold +# Clinic teal as the whole sidebar. Surgical, calm, unmistakable. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#0E7C7B" + background: "#FFFFFF" + nav-background: "#0E7C7B" + text: "#1A1A1A" + text-muted: "#5C7878" + 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: "#4ABABA" + background: "#0A1414" + nav-background: "#062828" + text: "#FFFFFF" + text-muted: "#9ABFBF" + nav-link: "#E2E2E2" + nav-link-active: "#4ABABA" + 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: "#0E7C7B" + warning: "#B26A1F" + success: "#2F8A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#6CEEED" + warning: "#E7AF74" + success: "#85D69D" + error: "#DE7C7C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#0E7C7B" + background-colour: "#0E7C7B" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F8A4A" + background-colour: "#2F8A4A" + error: + icon: error + primary-colour: "#C13030" + background-colour: "#C13030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:IBM Plex Sans:400" +font-heading: "bunny:IBM Plex Sans:600" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.65 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Medical-Clinical/med-clinic.yaml b/themes/Medical-Clinical/med-clinic.yaml new file mode 100644 index 0000000..7f1dc84 --- /dev/null +++ b/themes/Medical-Clinical/med-clinic.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — medical · clinic +# Restrained clinical teal on white. Calm, sterile, professional. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#0E7C7B" + background: "#FFFFFF" + nav-background: "#EAF4F4" + text: "#1A1A1A" + text-muted: "#5C7878" + +dark: + accent: "#4ABABA" + background: "#0A1414" + nav-background: "#122020" + text: "#E8F0F0" + text-muted: "#8AA8A8" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#0E7C7B" + warning: "#B26A1F" + success: "#2F8A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#6CEEED" + warning: "#E7AF74" + success: "#85D69D" + error: "#DE7C7C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#0E7C7B" + background-colour: "#0E7C7B" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F8A4A" + background-colour: "#2F8A4A" + error: + icon: error + primary-colour: "#C13030" + background-colour: "#C13030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:IBM Plex Sans:400" +font-heading: "bunny:IBM Plex Sans:600" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.65 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Medical-Clinical/med-pharmacy-bold.yaml b/themes/Medical-Clinical/med-pharmacy-bold.yaml new file mode 100644 index 0000000..7c0d36e --- /dev/null +++ b/themes/Medical-Clinical/med-pharmacy-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — medical · pharmacy · bold +# Pharmacy navy as the sidebar itself. Authoritative, traditional, trusted. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1A4E8A" + background: "#FFFFFF" + nav-background: "#1A4E8A" + text: "#14213D" + text-muted: "#5C6E88" + 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: "#4A88D8" + background: "#0A0F1A" + nav-background: "#06182E" + text: "#FFFFFF" + text-muted: "#9EBADC" + nav-link: "#E2E2E2" + nav-link-active: "#4A88D8" + 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: "#1A4E8A" + warning: "#B26A1F" + success: "#2F8A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#76A9E5" + warning: "#E7AF74" + success: "#85D69D" + error: "#DE7C7C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1A4E8A" + background-colour: "#1A4E8A" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F8A4A" + background-colour: "#2F8A4A" + error: + icon: error + primary-colour: "#C13030" + background-colour: "#C13030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:IBM Plex Sans:400" +font-heading: "bunny:IBM Plex Sans:600" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.65 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Medical-Clinical/med-pharmacy.yaml b/themes/Medical-Clinical/med-pharmacy.yaml new file mode 100644 index 0000000..f9cfe9d --- /dev/null +++ b/themes/Medical-Clinical/med-pharmacy.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — medical · pharmacy +# Pharmacy navy and white. Trustworthy and traditional. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1A4E8A" + background: "#FFFFFF" + nav-background: "#EAF0F8" + text: "#14213D" + text-muted: "#5C6E88" + +dark: + accent: "#4A88D8" + background: "#0A0F1A" + nav-background: "#131A2E" + text: "#E8EDF4" + text-muted: "#8AA0C0" + nav-link: "#E2E2E2" + nav-link-active: "#4A88D8" + 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: "#1A4E8A" + warning: "#B26A1F" + success: "#2F8A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#76A9E5" + warning: "#E7AF74" + success: "#85D69D" + error: "#DE7C7C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1A4E8A" + background-colour: "#1A4E8A" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F8A4A" + background-colour: "#2F8A4A" + error: + icon: error + primary-colour: "#C13030" + background-colour: "#C13030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:IBM Plex Sans:400" +font-heading: "bunny:IBM Plex Sans:600" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.65 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Medical-Clinical/med-wellness-bold.yaml b/themes/Medical-Clinical/med-wellness-bold.yaml new file mode 100644 index 0000000..b172249 --- /dev/null +++ b/themes/Medical-Clinical/med-wellness-bold.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — medical · wellness · bold +# Sage sidebar on cream. Holistic and grounded — for therapy and wellness practices. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#5A7A5A" + background: "#F8F8F2" + nav-background: "#5A7A5A" + text: "#1F2A1F" + text-muted: "#6E7E6E" + nav-link: "#E2E2E2" + nav-link-active: "#FFFFFF" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#88B088" + background: "#0F140C" + nav-background: "#142014" + text: "#FFFFFF" + text-muted: "#A8C0A8" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#5A7AB8" + warning: "#B58A1A" + success: "#5A7A5A" + error: "#A0506A" + +colours-semantic-dark: + info: "#89A2D2" + warning: "#EBC970" + success: "#89D289" + error: "#D289A1" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#5A7AB8" + background-colour: "#5A7AB8" + warning: + icon: warning + primary-colour: "#B58A1A" + background-colour: "#B58A1A" + success: + icon: success + primary-colour: "#5A7A5A" + background-colour: "#5A7A5A" + error: + icon: error + primary-colour: "#A0506A" + background-colour: "#A0506A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:IBM Plex Sans:400" +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 diff --git a/themes/Medical-Clinical/med-wellness.yaml b/themes/Medical-Clinical/med-wellness.yaml new file mode 100644 index 0000000..c6bb245 --- /dev/null +++ b/themes/Medical-Clinical/med-wellness.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — medical · wellness +# Sage and cream. Holistic, gentle — for wellness and therapy practices. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#5A7A5A" + background: "#F8F8F2" + nav-background: "#E6EDE0" + text: "#1F2A1F" + text-muted: "#6E7E6E" + +dark: + accent: "#88B088" + background: "#0F140C" + nav-background: "#161F12" + text: "#E8EDE2" + text-muted: "#8AA28A" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#5A7AB8" + warning: "#B58A1A" + success: "#5A7A5A" + error: "#A0506A" + +colours-semantic-dark: + info: "#89A2D2" + warning: "#EBC970" + success: "#89D289" + error: "#D289A1" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#5A7AB8" + background-colour: "#5A7AB8" + warning: + icon: warning + primary-colour: "#B58A1A" + background-colour: "#B58A1A" + success: + icon: success + primary-colour: "#5A7A5A" + background-colour: "#5A7A5A" + error: + icon: error + primary-colour: "#A0506A" + background-colour: "#A0506A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:IBM Plex Sans:400" +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 diff --git a/themes/Modern/mono-press.yaml b/themes/Modern/mono-press.yaml new file mode 100644 index 0000000..a9250ec --- /dev/null +++ b/themes/Modern/mono-press.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — mono · press +# Black-on-white editorial with ALL-CAPS Montserrat heads, Inter body, conservative blue links. AMOLED dark. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1F3A6B" + background: "#FFFFFF" + nav-background: "#FAFAFA" + text: "#000000" + text-muted: "#6B6B6B" + +dark: + accent: "#8AB0E8" + background: "#000000" + nav-background: "#000000" + text: "#F2F2F2" + text-muted: "#9C9C9C" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#1F3A6B" + warning: "#9C5B12" + success: "#2F6B3C" + error: "#B3001B" + +colours-semantic-dark: + info: "#80A0DA" + warning: "#EEB16D" + success: "#89D299" + error: "#FF5C74" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1F3A6B" + background-colour: "#1F3A6B" + warning: + icon: warning + primary-colour: "#9C5B12" + background-colour: "#9C5B12" + success: + icon: success + primary-colour: "#2F6B3C" + background-colour: "#2F6B3C" + error: + icon: error + primary-colour: "#B3001B" + background-colour: "#B3001B" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Montserrat:800" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Modern/sage.yaml b/themes/Modern/sage.yaml new file mode 100644 index 0000000..56723e6 --- /dev/null +++ b/themes/Modern/sage.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — sage +# Warm, calm, editorial-feeling. Cream paper + forest green. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#2F7A5A" + background: "#FAF8F2" + nav-background: "#F1EEE3" + text: "#1F2A24" + text-muted: "#6B7A72" + +dark: + accent: "#74D1A4" + background: "#0F1714" + nav-background: "#172220" + text: "#E8EDE9" + text-muted: "#8AA396" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2F7A5A" + warning: "#B26A1F" + success: "#2F7A5A" + error: "#B33A3A" + +colours-semantic-dark: + info: "#89D2B3" + warning: "#E7AF74" + success: "#89D2B3" + error: "#D78484" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2F7A5A" + background-colour: "#2F7A5A" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A5A" + background-colour: "#2F7A5A" + error: + icon: error + primary-colour: "#B33A3A" + background-colour: "#B33A3A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:DM Sans:400" +font-heading: "bunny:DM Sans:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Modern/sunset.yaml b/themes/Modern/sunset.yaml new file mode 100644 index 0000000..7877bbb --- /dev/null +++ b/themes/Modern/sunset.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — sunset +# Warm coral and terracotta on bone. Confident, approachable. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#CC4A2E" + background: "#FFFAF3" + nav-background: "#FBEFE0" + text: "#2A1B14" + text-muted: "#7A6256" + +dark: + accent: "#FF8A66" + background: "#1B130E" + nav-background: "#271B14" + text: "#F5E9DD" + text-muted: "#B49B8A" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#3B73C4" + warning: "#CC4A2E" + success: "#3F8F60" + error: "#B23A24" + +colours-semantic-dark: + info: "#82A5D9" + warning: "#E18C7A" + success: "#89D2A7" + error: "#E48877" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#3B73C4" + background-colour: "#3B73C4" + warning: + icon: warning + primary-colour: "#CC4A2E" + background-colour: "#CC4A2E" + success: + icon: success + primary-colour: "#3F8F60" + background-colour: "#3F8F60" + error: + icon: error + primary-colour: "#B23A24" + background-colour: "#B23A24" + +# ────────────────────────────────── +# 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 diff --git a/themes/Newspaper-inspired/broadsheet.yaml b/themes/Newspaper-inspired/broadsheet.yaml new file mode 100644 index 0000000..642a036 --- /dev/null +++ b/themes/Newspaper-inspired/broadsheet.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — broadsheet +# All-serif editorial. Paper white, conservative navy accent. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1F3A6B" + background: "#FFFFFF" + nav-background: "#F4F2EC" + text: "#121212" + text-muted: "#5E5A54" + +dark: + accent: "#8AA8D9" + background: "#121110" + nav-background: "#1C1A18" + text: "#F2EFE8" + text-muted: "#9C988F" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#1F3A6B" + warning: "#9C5B12" + success: "#2F6B3C" + error: "#B3001B" + +colours-semantic-dark: + info: "#80A0DA" + warning: "#EEB16D" + success: "#89D299" + error: "#FF5C74" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1F3A6B" + background-colour: "#1F3A6B" + warning: + icon: warning + primary-colour: "#9C5B12" + background-colour: "#9C5B12" + success: + icon: success + primary-colour: "#2F6B3C" + background-colour: "#2F6B3C" + error: + icon: error + primary-colour: "#B3001B" + background-colour: "#B3001B" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Newsreader:400" +font-heading: "bunny:Newsreader:700" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.55 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 74em +nav-width: 20em diff --git a/themes/Newspaper-inspired/ledger.yaml b/themes/Newspaper-inspired/ledger.yaml new file mode 100644 index 0000000..1e2e2b8 --- /dev/null +++ b/themes/Newspaper-inspired/ledger.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — ledger +# Serif headlines, sans body. Paper white with a hint of salmon in the chrome. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1A1A1A" + background: "#FFFFFF" + nav-background: "#FBEFE9" + text: "#1A1A1A" + text-muted: "#5C564B" + +dark: + accent: "#F4D9CE" + background: "#1A1714" + nav-background: "#2A1F1A" + text: "#F4EAE0" + text-muted: "#A89B8E" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#A35A0F" + success: "#2F6B3C" + error: "#9B1B1B" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#F1AE6A" + success: "#89D299" + error: "#E77474" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2B5797" + background-colour: "#2B5797" + warning: + icon: warning + primary-colour: "#A35A0F" + background-colour: "#A35A0F" + success: + icon: success + primary-colour: "#2F6B3C" + background-colour: "#2F6B3C" + error: + icon: error + primary-colour: "#9B1B1B" + background-colour: "#9B1B1B" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Source Sans 3:400" +font-heading: "bunny:Instrument Serif:400" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.60 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 76em +nav-width: 20em diff --git a/themes/Nordic flags/aland-bold.yaml b/themes/Nordic flags/aland-bold.yaml new file mode 100644 index 0000000..44b086f --- /dev/null +++ b/themes/Nordic flags/aland-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — åland · bold +# Scandinavian cross with a red heart — three flag colours on full display. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#D21034" + background: "#FFFFFF" + nav-background: "#0053A5" + text: "#002A5E" + text-muted: "#5C7898" + 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: "#FFCD00" + background: "#0053A5" + nav-background: "#002A5E" + text: "#FFFFFF" + text-muted: "#9EB8DC" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#FFCD00" + 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: "#0053A5" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#D21034" + +colours-semantic-dark: + info: "#5CAEFF" + warning: "#E7AF74" + success: "#89D2A3" + error: "#F36781" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#0053A5" + background-colour: "#0053A5" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#D21034" + background-colour: "#D21034" + +# ────────────────────────────────── +# 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 diff --git a/themes/Nordic flags/aland-muted.yaml b/themes/Nordic flags/aland-muted.yaml new file mode 100644 index 0000000..f41e3e5 --- /dev/null +++ b/themes/Nordic flags/aland-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — åland · muted +# Archipelago palette — sun-bleached gold and harbour blue. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#2A5C8F" + background: "#FBFAF3" + nav-background: "#F0E8C8" + text: "#1F2D44" + text-muted: "#6E7588" + +dark: + accent: "#D8B848" + background: "#0E1622" + nav-background: "#1A2030" + text: "#EAEDF2" + text-muted: "#988E70" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2A4E8A" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#D21034" + +colours-semantic-dark: + info: "#82A3D9" + warning: "#E7AF74" + success: "#89D2A3" + error: "#F36781" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2A4E8A" + background-colour: "#2A4E8A" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#D21034" + background-colour: "#D21034" + +# ────────────────────────────────── +# 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 diff --git a/themes/Nordic flags/denmark-bold.yaml b/themes/Nordic flags/denmark-bold.yaml new file mode 100644 index 0000000..9d982ef --- /dev/null +++ b/themes/Nordic flags/denmark-bold.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — denmark · bold +# Dannebrog red — the oldest national flag. White content, red sidebar. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#C8102E" + background: "#FFFFFF" + nav-background: "#C8102E" + 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: "#C8102E" + background: "#180608" + nav-background: "#000000" + text: "#FFFFFF" + text-muted: "#A89090" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#C8102E" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C8102E" + +colours-semantic-dark: + info: "#F3687F" + warning: "#E7AF74" + success: "#89D2A3" + error: "#F3687F" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#C8102E" + background-colour: "#C8102E" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#C8102E" + background-colour: "#C8102E" + +# ────────────────────────────────── +# 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 diff --git a/themes/Nordic flags/denmark-muted.yaml b/themes/Nordic flags/denmark-muted.yaml new file mode 100644 index 0000000..b82d623 --- /dev/null +++ b/themes/Nordic flags/denmark-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — denmark · muted +# Faded brick-red on warm parchment. Hygge-soft. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#9C2E3C" + background: "#FBF7F5" + nav-background: "#F0DDD8" + text: "#2A1A1A" + text-muted: "#7A5E5E" + +dark: + accent: "#D87A85" + background: "#1A0F10" + nav-background: "#241418" + text: "#F0E8E6" + text-muted: "#A89090" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2A4E8A" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C8102E" + +colours-semantic-dark: + info: "#82A3D9" + warning: "#E7AF74" + success: "#89D2A3" + error: "#F3687F" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2A4E8A" + background-colour: "#2A4E8A" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#C8102E" + background-colour: "#C8102E" + +# ────────────────────────────────── +# 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 diff --git a/themes/Nordic flags/faroe-bold.yaml b/themes/Nordic flags/faroe-bold.yaml new file mode 100644 index 0000000..d12d6c1 --- /dev/null +++ b/themes/Nordic flags/faroe-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — faroe islands · bold +# Merkið — red cross, blue fimbriation. Vivid Atlantic palette. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#ED2939" + background: "#FFFFFF" + nav-background: "#0065BD" + 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: "#ED2939" + background: "#0065BD" + nav-background: "#003F7A" + text: "#FFFFFF" + text-muted: "#9DB8DC" + 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)" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#0065BD" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#ED2939" + +colours-semantic-dark: + info: "#5CB3FF" + warning: "#E7AF74" + success: "#89D2A3" + error: "#F26874" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#0065BD" + background-colour: "#0065BD" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#ED2939" + background-colour: "#ED2939" + +# ────────────────────────────────── +# 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 diff --git a/themes/Nordic flags/faroe-muted.yaml b/themes/Nordic flags/faroe-muted.yaml new file mode 100644 index 0000000..f63eb7e --- /dev/null +++ b/themes/Nordic flags/faroe-muted.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — faroe islands · muted +# Seafarer blue on grey-white. The red rests in the callouts. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#2F6BAA" + background: "#FBFBFA" + nav-background: "#E2E8EE" + text: "#1A1E2A" + text-muted: "#6E7588" + +dark: + accent: "#7DA8D8" + background: "#0E1620" + nav-background: "#16213A" + text: "#EAEDF2" + text-muted: "#90A0BC" + nav-link: "#E2E2E2" + nav-link-active: "#7DA8D8" + 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: "#2A4E8A" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#ED2939" + +colours-semantic-dark: + info: "#82A3D9" + warning: "#E7AF74" + success: "#89D2A3" + error: "#F26874" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2A4E8A" + background-colour: "#2A4E8A" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#ED2939" + background-colour: "#ED2939" + +# ────────────────────────────────── +# 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 diff --git a/themes/Nordic flags/finland-bold.yaml b/themes/Nordic flags/finland-bold.yaml new file mode 100644 index 0000000..08c2d0f --- /dev/null +++ b/themes/Nordic flags/finland-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — finland · bold +# Lake-blue cross on snow. Deep navy sidebar carries the flag. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#003580" + background: "#FFFFFF" + nav-background: "#003580" + text: "#001F4E" + text-muted: "#5C6E94" + 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: "#7AA0D8" + background: "#001F4E" + nav-background: "#001233" + text: "#FFFFFF" + text-muted: "#A0B4D8" + nav-link: "#E2E2E2" + nav-link-active: "#7AA0D8" + 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: "#003580" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#5C9FFF" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DC8C7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#003580" + background-colour: "#003580" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# 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 diff --git a/themes/Nordic flags/finland-muted.yaml b/themes/Nordic flags/finland-muted.yaml new file mode 100644 index 0000000..1a13171 --- /dev/null +++ b/themes/Nordic flags/finland-muted.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — finland · muted +# Softer lake-blue on cool grey-white. Calm and Scandinavian. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#3A6BAA" + background: "#FBFCFE" + nav-background: "#E3EAF3" + text: "#1F2D44" + text-muted: "#697390" + +dark: + accent: "#94B5DC" + background: "#0E1622" + nav-background: "#16213A" + text: "#EAEEF4" + text-muted: "#8E96AC" + nav-link: "#E2E2E2" + nav-link-active: "#94B5DC" + 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: "#2A4E8A" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#82A3D9" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DC8C7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2A4E8A" + background-colour: "#2A4E8A" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# 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 diff --git a/themes/Nordic flags/greenland-bold.yaml b/themes/Nordic flags/greenland-bold.yaml new file mode 100644 index 0000000..2ac0d84 --- /dev/null +++ b/themes/Nordic flags/greenland-bold.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — greenland · bold +# Erfalasorput red on snow. Bold and pared-back. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#D00C33" + background: "#FFFFFF" + nav-background: "#D00C33" + 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: "#D00C33" + background: "#0A0A0A" + nav-background: "#000000" + text: "#FFFFFF" + text-muted: "#A89090" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#D00C33" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#D00C33" + +colours-semantic-dark: + info: "#F66582" + warning: "#E7AF74" + success: "#89D2A3" + error: "#F66582" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#D00C33" + background-colour: "#D00C33" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#D00C33" + background-colour: "#D00C33" + +# ────────────────────────────────── +# 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 diff --git a/themes/Nordic flags/greenland-muted.yaml b/themes/Nordic flags/greenland-muted.yaml new file mode 100644 index 0000000..d6ba644 --- /dev/null +++ b/themes/Nordic flags/greenland-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — greenland · muted +# Iceberg cream + glacier-red. Quieter Arctic palette. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#9C2030" + background: "#F8F5F0" + nav-background: "#EADCDE" + text: "#1F1A18" + text-muted: "#6E5E5E" + +dark: + accent: "#D85060" + background: "#180C0E" + nav-background: "#1F1212" + text: "#F0E5DC" + text-muted: "#A8908A" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2A4E8A" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#D00C33" + +colours-semantic-dark: + info: "#82A3D9" + warning: "#E7AF74" + success: "#89D2A3" + error: "#F66582" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2A4E8A" + background-colour: "#2A4E8A" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#D00C33" + background-colour: "#D00C33" + +# ────────────────────────────────── +# 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 diff --git a/themes/Nordic flags/iceland-bold.yaml b/themes/Nordic flags/iceland-bold.yaml new file mode 100644 index 0000000..0f8f7b0 --- /dev/null +++ b/themes/Nordic flags/iceland-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — iceland · bold +# Flag colours full strength — red accent on white, deep ocean-blue sidebar. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#DC1E35" + background: "#FFFFFF" + nav-background: "#02529C" + text: "#02529C" + text-muted: "#5C7AA8" + 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: "#DC1E35" + background: "#02529C" + nav-background: "#013870" + text: "#FFFFFF" + text-muted: "#9EBADC" + 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)" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#02529C" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#DC1E35" + +colours-semantic-dark: + info: "#5EB0FD" + warning: "#E7AF74" + success: "#89D2A3" + error: "#EB6F7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#02529C" + background-colour: "#02529C" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#DC1E35" + background-colour: "#DC1E35" + +# ────────────────────────────────── +# 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 diff --git a/themes/Nordic flags/iceland-muted.yaml b/themes/Nordic flags/iceland-muted.yaml new file mode 100644 index 0000000..7451add --- /dev/null +++ b/themes/Nordic flags/iceland-muted.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — iceland · muted +# Quieter take — ocean-blue accent on stone-white, no red. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#02529C" + background: "#FBFAF7" + nav-background: "#E4E8EE" + text: "#1A2438" + text-muted: "#6E7588" + +dark: + accent: "#7DA4D8" + background: "#0D1422" + nav-background: "#15203A" + text: "#E8ECF4" + text-muted: "#9098AC" + nav-link: "#E2E2E2" + nav-link-active: "#7DA4D8" + 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: "#2A4E8A" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#DC1E35" + +colours-semantic-dark: + info: "#82A3D9" + warning: "#E7AF74" + success: "#89D2A3" + error: "#EB6F7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2A4E8A" + background-colour: "#2A4E8A" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#DC1E35" + background-colour: "#DC1E35" + +# ────────────────────────────────── +# 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 diff --git a/themes/Nordic flags/sweden-bold.yaml b/themes/Nordic flags/sweden-bold.yaml new file mode 100644 index 0000000..7bf6483 --- /dev/null +++ b/themes/Nordic flags/sweden-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — sweden · bold +# Royal blue + gold. Sunny sidebar, regal accent. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#006AA7" + background: "#FFFFFF" + nav-background: "#FECC00" + text: "#003C66" + text-muted: "#5C7898" + nav-link: "rgba(0,0,0,0.85)" + nav-link-active: "#006AA7" + nav-section-heading: "rgba(0,0,0,0.60)" + nav-sitename: "#000000" + nav-description: "rgba(0,0,0,0.65)" + nav-toggle: "rgba(0,0,0,0.65)" + +dark: + accent: "#FECC00" + background: "#003C66" + nav-background: "#002545" + text: "#FFFFFF" + text-muted: "#9DB4D0" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#FECC00" + 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: "#006AA7" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#5CC3FF" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DC8C7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#006AA7" + background-colour: "#006AA7" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# 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 diff --git a/themes/Nordic flags/sweden-muted.yaml b/themes/Nordic flags/sweden-muted.yaml new file mode 100644 index 0000000..8634695 --- /dev/null +++ b/themes/Nordic flags/sweden-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — sweden · muted +# Wheat and slate — the same palette dialled down. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#2A6DA0" + background: "#FBFAF3" + nav-background: "#F3EAC8" + text: "#1F2E3F" + text-muted: "#6E7588" + +dark: + accent: "#D8B848" + background: "#0E1620" + nav-background: "#1A2030" + text: "#EAEDF2" + text-muted: "#988E70" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2A4E8A" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#82A3D9" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DC8C7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2A4E8A" + background-colour: "#2A4E8A" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# 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 diff --git a/themes/Norge - 17 mai/norge-banner.yaml b/themes/Norge - 17 mai/norge-banner.yaml new file mode 100644 index 0000000..7ae2635 --- /dev/null +++ b/themes/Norge - 17 mai/norge-banner.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — norge · banner +# Flag-red sidebar with white text on white content. The boldest take. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#BA0C2F" + background: "#FFFFFF" + nav-background: "#BA0C2F" + text: "#00205B" + text-muted: "#6E7794" + 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: "#BA0C2F" + background: "#00205B" + nav-background: "#BA0C2F" + text: "#FFFFFF" + text-muted: "#9DB1E0" + 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)" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#00205B" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#BA0C2F" + +colours-semantic-dark: + info: "#5C95FF" + warning: "#E7AF74" + success: "#89D2A3" + error: "#F56683" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#00205B" + background-colour: "#00205B" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#BA0C2F" + background-colour: "#BA0C2F" + +# ────────────────────────────────── +# 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 diff --git a/themes/Norge - 17 mai/norge-classic.yaml b/themes/Norge - 17 mai/norge-classic.yaml new file mode 100644 index 0000000..2e707a5 --- /dev/null +++ b/themes/Norge - 17 mai/norge-classic.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — norge · classic +# Norwegian red on white, with a navy nav sidebar. The 17 May default. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#BA0C2F" + background: "#FFFFFF" + nav-background: "#00205B" + text: "#00205B" + text-muted: "#6E7794" + 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: "#BA0C2F" + background: "#00205B" + nav-background: "#001540" + text: "#FFFFFF" + text-muted: "#9DB1E0" + 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)" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#00205B" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#BA0C2F" + +colours-semantic-dark: + info: "#5C95FF" + warning: "#E7AF74" + success: "#89D2A3" + error: "#F56683" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#00205B" + background-colour: "#00205B" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#BA0C2F" + background-colour: "#BA0C2F" + +# ────────────────────────────────── +# 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 diff --git a/themes/Norge - 17 mai/norge-crisp.yaml b/themes/Norge - 17 mai/norge-crisp.yaml new file mode 100644 index 0000000..0c37888 --- /dev/null +++ b/themes/Norge - 17 mai/norge-crisp.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — norge · crisp +# Pure white, navy text, red accent. Restrained patriotic minimal. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#BA0C2F" + background: "#FFFFFF" + nav-background: "#FFFFFF" + text: "#00205B" + text-muted: "#6E7794" + +dark: + accent: "#BA0C2F" + background: "#00205B" + nav-background: "#00205B" + text: "#FFFFFF" + text-muted: "#9DB1E0" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#BA0C2F" + 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: "#00205B" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#BA0C2F" + +colours-semantic-dark: + info: "#5C95FF" + warning: "#E7AF74" + success: "#89D2A3" + error: "#F56683" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#00205B" + background-colour: "#00205B" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#BA0C2F" + background-colour: "#BA0C2F" + +# ────────────────────────────────── +# 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 diff --git a/themes/Norge - 17 mai/norge-festive.yaml b/themes/Norge - 17 mai/norge-festive.yaml new file mode 100644 index 0000000..ab43d8e --- /dev/null +++ b/themes/Norge - 17 mai/norge-festive.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — norge · festive +# Red-tinted nav with navy accent. Celebratory, parade-day energy. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#00205B" + background: "#FFFFFF" + nav-background: "#FBE2E6" + text: "#00205B" + text-muted: "#6E7794" + +dark: + accent: "#BA0C2F" + background: "#00205B" + nav-background: "#3A0810" + text: "#FFFFFF" + text-muted: "#9DB1E0" + nav-link: "#E2E2E2" + nav-link-active: "#00205B" + 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: "#00205B" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#BA0C2F" + +colours-semantic-dark: + info: "#5C95FF" + warning: "#E7AF74" + success: "#89D2A3" + error: "#F56683" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#00205B" + background-colour: "#00205B" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#BA0C2F" + background-colour: "#BA0C2F" + +# ────────────────────────────────── +# 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 diff --git a/themes/Orange/orange-charcoal.yaml b/themes/Orange/orange-charcoal.yaml new file mode 100644 index 0000000..182ff45 --- /dev/null +++ b/themes/Orange/orange-charcoal.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — orange · charcoal +# White content with a charcoal nav sidebar. Colour pops on dark. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#EA580C" + background: "#FFFFFF" + nav-background: "#1A1A1F" + text: "#161618" + text-muted: "#5C5F6E" + nav-link: "#E2E2E2" + nav-link-active: "#EA580C" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#FB923C" + background: "#0A0A0C" + nav-background: "#000000" + 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: "#EA580C" + success: "#2F7A4A" + error: "#B33A2A" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#F79664" + success: "#89D2A3" + error: "#E0877B" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2B5797" + background-colour: "#2B5797" + warning: + icon: warning + primary-colour: "#EA580C" + background-colour: "#EA580C" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#B33A2A" + background-colour: "#B33A2A" + +# ────────────────────────────────── +# 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 diff --git a/themes/Orange/orange-paper.yaml b/themes/Orange/orange-paper.yaml new file mode 100644 index 0000000..d088813 --- /dev/null +++ b/themes/Orange/orange-paper.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — orange · paper +# White paper, neutral chrome. Colour used as a confident accent. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#EA580C" + background: "#FFFFFF" + nav-background: "#F4F5F8" + text: "#15161B" + text-muted: "#5C5F6E" + +dark: + accent: "#FB923C" + background: "#0B0C10" + nav-background: "#15171C" + text: "#ECEDF1" + text-muted: "#8E919C" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#EA580C" + success: "#2F7A4A" + error: "#B33A2A" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#F79664" + success: "#89D2A3" + error: "#E0877B" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2B5797" + background-colour: "#2B5797" + warning: + icon: warning + primary-colour: "#EA580C" + background-colour: "#EA580C" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#B33A2A" + background-colour: "#B33A2A" + +# ────────────────────────────────── +# 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 diff --git a/themes/Orange/orange-tinted.yaml b/themes/Orange/orange-tinted.yaml new file mode 100644 index 0000000..930ab7a --- /dev/null +++ b/themes/Orange/orange-tinted.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — orange · tinted +# Colour-tinted background and nav. Calm, monochromatic, brand-forward. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#EA580C" + background: "#FFF8F2" + nav-background: "#FBE2CC" + 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: "#FB923C" + background: "#1A0F08" + nav-background: "#241710" + 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: "#EA580C" + success: "#2F7A4A" + error: "#B33A2A" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#F79664" + success: "#89D2A3" + error: "#E0877B" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2B5797" + background-colour: "#2B5797" + warning: + icon: warning + primary-colour: "#EA580C" + background-colour: "#EA580C" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#B33A2A" + background-colour: "#B33A2A" + +# ────────────────────────────────── +# 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 diff --git a/themes/Painters and art movements/art-bauhaus.yaml b/themes/Painters and art movements/art-bauhaus.yaml new file mode 100644 index 0000000..018a945 --- /dev/null +++ b/themes/Painters and art movements/art-bauhaus.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — bauhaus +# Dessau primaries, severe geometric grid. Red square, yellow triangle, blue circle. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#D8302F" + background: "#FAFAF8" + nav-background: "#1A1A1A" + text: "#161616" + text-muted: "#5C5C5C" + nav-link: "#E2E2E2" + nav-link-active: "#D8302F" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#FFD500" + background: "#0A0A0A" + nav-background: "#000000" + text: "#F4F4F2" + text-muted: "#9C9C9C" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#1F4FA8" + warning: "#FFD500" + success: "#2F7A4A" + error: "#D8302F" + +colours-semantic-dark: + info: "#759DE6" + warning: "#FFD500" + success: "#89D2A3" + error: "#E57676" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1F4FA8" + background-colour: "#1F4FA8" + warning: + icon: warning + primary-colour: "#FFD500" + background-colour: "#FFD500" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#D8302F" + background-colour: "#D8302F" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Public Sans:400" +font-heading: "bunny:Public Sans:800" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.65 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Painters and art movements/art-hokusai.yaml b/themes/Painters and art movements/art-hokusai.yaml new file mode 100644 index 0000000..c94f02f --- /dev/null +++ b/themes/Painters and art movements/art-hokusai.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — hokusai +# Prussian blue and cream paper from The Great Wave — soft pink on the horizon. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1B3D6E" + background: "#F4ECDA" + nav-background: "#1B3D6E" + text: "#0F1F38" + text-muted: "#6E6450" + 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: "#7AA5D8" + background: "#0A1828" + nav-background: "#06122A" + text: "#F0E5CC" + text-muted: "#A0B0C8" + nav-link: "#E2E2E2" + nav-link-active: "#7AA5D8" + 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: "#1B3D6E" + warning: "#B58A1A" + success: "#3F6B3C" + error: "#B8536A" + +colours-semantic-dark: + info: "#7CA4DF" + warning: "#EBC970" + success: "#8DD289" + error: "#D28999" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1B3D6E" + background-colour: "#1B3D6E" + warning: + icon: warning + primary-colour: "#B58A1A" + background-colour: "#B58A1A" + success: + icon: success + primary-colour: "#3F6B3C" + background-colour: "#3F6B3C" + error: + icon: error + primary-colour: "#B8536A" + background-colour: "#B8536A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Newsreader:400" +font-heading: "bunny:Newsreader:600" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Painters and art movements/art-klein.yaml b/themes/Painters and art movements/art-klein.yaml new file mode 100644 index 0000000..4a8c7c5 --- /dev/null +++ b/themes/Painters and art movements/art-klein.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — klein +# International Klein Blue, IKB 79 — the patented ultramarine, sidebar to wall. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#002FA7" + background: "#FFFFFF" + nav-background: "#002FA7" + text: "#0A0A2E" + text-muted: "#5C5F84" + 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: "#4A6FE0" + background: "#08123A" + nav-background: "#001A6E" + text: "#FFFFFF" + text-muted: "#A0B0E0" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#4A6FE0" + 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: "#002FA7" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#5C8AFF" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DE7C7C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#002FA7" + background-colour: "#002FA7" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#C13030" + background-colour: "#C13030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Inter:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Painters and art movements/art-matisse.yaml b/themes/Painters and art movements/art-matisse.yaml new file mode 100644 index 0000000..b5fd22e --- /dev/null +++ b/themes/Painters and art movements/art-matisse.yaml @@ -0,0 +1,86 @@ +# 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 diff --git a/themes/Painters and art movements/art-memphis.yaml b/themes/Painters and art movements/art-memphis.yaml new file mode 100644 index 0000000..253efb2 --- /dev/null +++ b/themes/Painters and art movements/art-memphis.yaml @@ -0,0 +1,86 @@ +# 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 diff --git a/themes/Painters and art movements/art-mondrian.yaml b/themes/Painters and art movements/art-mondrian.yaml new file mode 100644 index 0000000..def80af --- /dev/null +++ b/themes/Painters and art movements/art-mondrian.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — mondrian +# Primary red, yellow, blue on white with a black grid. De Stijl, full strength. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#D72D2A" + background: "#FFFFFF" + nav-background: "#000000" + text: "#0A0A0A" + text-muted: "#5C5C5C" + nav-link: "#E2E2E2" + nav-link-active: "#D72D2A" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#FFD500" + background: "#0A0A0A" + nav-background: "#000000" + text: "#FFFFFF" + text-muted: "#A8A8A8" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#0A4DA8" + warning: "#FFD500" + success: "#2F7A4A" + error: "#D72D2A" + +colours-semantic-dark: + info: "#65A2F6" + warning: "#FFD500" + success: "#89D2A3" + error: "#E57876" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#0A4DA8" + background-colour: "#0A4DA8" + warning: + icon: warning + primary-colour: "#FFD500" + background-colour: "#FFD500" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#D72D2A" + background-colour: "#D72D2A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Inter:800" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.65 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Painters and art movements/art-okeeffe.yaml b/themes/Painters and art movements/art-okeeffe.yaml new file mode 100644 index 0000000..f386830 --- /dev/null +++ b/themes/Painters and art movements/art-okeeffe.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — o'keeffe +# Ghost Ranch — bone, ochre, sage. New Mexico desert at midday. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#B85230" + background: "#F5EBDA" + nav-background: "#B85230" + text: "#2A1A14" + text-muted: "#7A6A54" + 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: "#E08862" + background: "#1A1108" + nav-background: "#2A1610" + text: "#F4E5D0" + text-muted: "#B8A088" + nav-link: "#E2E2E2" + nav-link-active: "#E08862" + 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: "#5A7A8A" + warning: "#B85230" + success: "#6E8A5A" + error: "#9C2A1F" + +colours-semantic-dark: + info: "#89BAD2" + warning: "#DD957E" + success: "#A7D289" + error: "#E48077" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#5A7A8A" + background-colour: "#5A7A8A" + warning: + icon: warning + primary-colour: "#B85230" + background-colour: "#B85230" + success: + icon: success + primary-colour: "#6E8A5A" + background-colour: "#6E8A5A" + error: + icon: error + primary-colour: "#9C2A1F" + background-colour: "#9C2A1F" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Lora:400" +font-heading: "bunny:Lora:600" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Painters and art movements/art-rothko.yaml b/themes/Painters and art movements/art-rothko.yaml new file mode 100644 index 0000000..1949f51 --- /dev/null +++ b/themes/Painters and art movements/art-rothko.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — rothko +# Two rectangles glowing into each other — oxblood plum and sunset orange on cream. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#C8431F" + background: "#F5EBDC" + nav-background: "#5C2A2A" + text: "#2A1414" + text-muted: "#6E5444" + nav-link: "#E2E2E2" + nav-link-active: "#FFFFFF" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#FF7A4A" + background: "#1F0E08" + nav-background: "#2A0A0A" + text: "#F4E0CC" + text-muted: "#B89682" + nav-link: "#E2E2E2" + nav-link-active: "#FF7A4A" + 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: "#5C2A6E" + warning: "#C8431F" + success: "#3F6B3C" + error: "#9C2A1F" + +colours-semantic-dark: + info: "#BF89D2" + warning: "#E98B72" + success: "#8DD289" + error: "#E48077" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#5C2A6E" + background-colour: "#5C2A6E" + warning: + icon: warning + primary-colour: "#C8431F" + background-colour: "#C8431F" + success: + icon: success + primary-colour: "#3F6B3C" + background-colour: "#3F6B3C" + error: + icon: error + primary-colour: "#9C2A1F" + background-colour: "#9C2A1F" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Newsreader:400" +font-heading: "bunny:Newsreader:700" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.65 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Pink/pink-charcoal.yaml b/themes/Pink/pink-charcoal.yaml new file mode 100644 index 0000000..68819c7 --- /dev/null +++ b/themes/Pink/pink-charcoal.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — pink · charcoal +# White content with a charcoal nav sidebar. Colour pops on dark. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#DB2777" + background: "#FFFFFF" + nav-background: "#1A1A1F" + text: "#161618" + text-muted: "#5C5F6E" + nav-link: "#E2E2E2" + nav-link-active: "#DB2777" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#F9A8D4" + background: "#0A0A0C" + nav-background: "#000000" + 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: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Pink/pink-paper.yaml b/themes/Pink/pink-paper.yaml new file mode 100644 index 0000000..50766d9 --- /dev/null +++ b/themes/Pink/pink-paper.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — pink · paper +# White paper, neutral chrome. Colour used as a confident accent. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#DB2777" + background: "#FFFFFF" + nav-background: "#F4F5F8" + text: "#15161B" + text-muted: "#5C5F6E" + +dark: + accent: "#F9A8D4" + background: "#0B0C10" + nav-background: "#15171C" + text: "#ECEDF1" + text-muted: "#8E919C" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Pink/pink-tinted.yaml b/themes/Pink/pink-tinted.yaml new file mode 100644 index 0000000..8c14254 --- /dev/null +++ b/themes/Pink/pink-tinted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — pink · tinted +# Colour-tinted background and nav. Calm, monochromatic, brand-forward. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#DB2777" + background: "#FFF7FB" + nav-background: "#FBDDE9" + text: "#1A1A1A" + text-muted: "#5E5E66" + +dark: + accent: "#F9A8D4" + background: "#180A12" + nav-background: "#251420" + 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: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Purple/purple-charcoal.yaml b/themes/Purple/purple-charcoal.yaml new file mode 100644 index 0000000..cf554ca --- /dev/null +++ b/themes/Purple/purple-charcoal.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — purple · charcoal +# White content with a charcoal nav sidebar. Colour pops on dark. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#7C3AED" + background: "#FFFFFF" + nav-background: "#1A1A1F" + text: "#161618" + text-muted: "#5C5F6E" + nav-link: "#E2E2E2" + nav-link-active: "#7C3AED" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#C4B5FD" + background: "#0A0A0C" + nav-background: "#000000" + text: "#F1EFEC" + text-muted: "#9C9A95" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#7C3AED" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#9C69F1" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DE7C7C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#7C3AED" + background-colour: "#7C3AED" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Purple/purple-paper.yaml b/themes/Purple/purple-paper.yaml new file mode 100644 index 0000000..5fb4d67 --- /dev/null +++ b/themes/Purple/purple-paper.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — purple · paper +# White paper, neutral chrome. Colour used as a confident accent. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#7C3AED" + background: "#FFFFFF" + nav-background: "#F4F5F8" + text: "#15161B" + text-muted: "#5C5F6E" + +dark: + accent: "#C4B5FD" + background: "#0B0C10" + nav-background: "#15171C" + text: "#ECEDF1" + text-muted: "#8E919C" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#7C3AED" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#9C69F1" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DE7C7C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#7C3AED" + background-colour: "#7C3AED" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Purple/purple-tinted.yaml b/themes/Purple/purple-tinted.yaml new file mode 100644 index 0000000..231f617 --- /dev/null +++ b/themes/Purple/purple-tinted.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — purple · tinted +# Colour-tinted background and nav. Calm, monochromatic, brand-forward. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#7C3AED" + background: "#FAF8FF" + nav-background: "#EAE3FB" + text: "#1A1A1A" + text-muted: "#5E5E66" + +dark: + accent: "#C4B5FD" + background: "#100B1F" + nav-background: "#1B1530" + text: "#F1EFEC" + text-muted: "#9C9A95" + nav-link: "#E2E2E2" + nav-link-active: "#C4B5FD" + 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: "#7C3AED" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#9C69F1" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DE7C7C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#7C3AED" + background-colour: "#7C3AED" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Reading/read-mono.yaml b/themes/Reading/read-mono.yaml new file mode 100644 index 0000000..89f4ee7 --- /dev/null +++ b/themes/Reading/read-mono.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — reading · mono +# iA Writer-style true mono. Plex Mono for body and heads — distraction-free writing. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#2A5C8F" + background: "#FFFFFF" + nav-background: "#F4F4F4" + text: "#1A1A1A" + text-muted: "#6E6E6E" + +dark: + accent: "#79A5D8" + background: "#1A1A1A" + nav-background: "#222222" + text: "#E8E8E8" + text-muted: "#9A9A9A" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2A5C8F" + warning: "#8B5A00" + success: "#2F6B3C" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#81ADDA" + warning: "#FFC55C" + success: "#89D299" + error: "#DC8C7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2A5C8F" + background-colour: "#2A5C8F" + warning: + icon: warning + primary-colour: "#8B5A00" + background-colour: "#8B5A00" + success: + icon: success + primary-colour: "#2F6B3C" + background-colour: "#2F6B3C" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:IBM Plex Mono:400" +font-heading: "bunny:IBM Plex Mono:600" +font-size: 0.95 # unitless multiplier (1.0 = 16px base) +line-height: 1.75 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Reading/read-paper.yaml b/themes/Reading/read-paper.yaml new file mode 100644 index 0000000..23ee0ef --- /dev/null +++ b/themes/Reading/read-paper.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — reading · paper +# Off-white paper with warm grays. Lora serif throughout — built for long-form reading. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#6B4A2A" + background: "#F8F5EE" + nav-background: "#EFE9DC" + text: "#1F1B16" + text-muted: "#6E665A" + +dark: + accent: "#C9A47A" + background: "#18150F" + nav-background: "#221F18" + text: "#E8E2D0" + text-muted: "#9A9282" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2A5C8F" + warning: "#8B5A00" + success: "#2F6B3C" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#81ADDA" + warning: "#FFC55C" + success: "#89D299" + error: "#DC8C7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#2A5C8F" + background-colour: "#2A5C8F" + warning: + icon: warning + primary-colour: "#8B5A00" + background-colour: "#8B5A00" + success: + icon: success + primary-colour: "#2F6B3C" + background-colour: "#2F6B3C" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Lora:400" +font-heading: "bunny:Lora:600" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.75 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Reading/read-sepia.yaml b/themes/Reading/read-sepia.yaml new file mode 100644 index 0000000..5ab9641 --- /dev/null +++ b/themes/Reading/read-sepia.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — reading · sepia +# Warm cream and sienna. Comfortable for hours — Kindle-style sepia. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#8B4513" + background: "#F4ECD8" + nav-background: "#EAD9B0" + text: "#3A2A1A" + text-muted: "#6E5C40" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#8B4513" + 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: "#D8A878" + background: "#1F1810" + nav-background: "#2A1F15" + text: "#E8D8B8" + text-muted: "#A8957A" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#5A4A8F" + warning: "#8B5A00" + success: "#3F6B3C" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#9A89D2" + warning: "#FFC55C" + success: "#8DD289" + error: "#DC8C7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#5A4A8F" + background-colour: "#5A4A8F" + warning: + icon: warning + primary-colour: "#8B5A00" + background-colour: "#8B5A00" + success: + icon: success + primary-colour: "#3F6B3C" + background-colour: "#3F6B3C" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Lora:400" +font-heading: "bunny:Lora:600" +font-size: 1.05 # unitless multiplier (1.0 = 16px base) +line-height: 1.75 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Red/red-charcoal.yaml b/themes/Red/red-charcoal.yaml new file mode 100644 index 0000000..3dcff49 --- /dev/null +++ b/themes/Red/red-charcoal.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — red · charcoal +# White content with a charcoal nav sidebar. Colour pops on dark. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#DC2626" + background: "#FFFFFF" + nav-background: "#1A1A1F" + text: "#161618" + text-muted: "#5C5F6E" + nav-link: "#E2E2E2" + nav-link-active: "#DC2626" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#FCA5A5" + background: "#0A0A0C" + nav-background: "#000000" + 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: "#2F7A4A" + error: "#DC2626" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + error: "#E87272" + +# ────────────────────────────────── +# 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#DC2626" + background-colour: "#DC2626" + +# ────────────────────────────────── +# 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 diff --git a/themes/Red/red-paper.yaml b/themes/Red/red-paper.yaml new file mode 100644 index 0000000..a4c566e --- /dev/null +++ b/themes/Red/red-paper.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — red · paper +# White paper, neutral chrome. Colour used as a confident accent. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#DC2626" + background: "#FFFFFF" + nav-background: "#F4F5F8" + text: "#15161B" + text-muted: "#5C5F6E" + +dark: + accent: "#FCA5A5" + background: "#0B0C10" + nav-background: "#15171C" + text: "#ECEDF1" + text-muted: "#8E919C" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#DC2626" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + error: "#E87272" + +# ────────────────────────────────── +# 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#DC2626" + background-colour: "#DC2626" + +# ────────────────────────────────── +# 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 diff --git a/themes/Red/red-tinted.yaml b/themes/Red/red-tinted.yaml new file mode 100644 index 0000000..1ee593f --- /dev/null +++ b/themes/Red/red-tinted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — red · tinted +# Colour-tinted background and nav. Calm, monochromatic, brand-forward. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#DC2626" + background: "#FFF7F6" + nav-background: "#FCE5E2" + text: "#1A1A1A" + text-muted: "#5E5E66" + +dark: + accent: "#FCA5A5" + background: "#1A0E0D" + nav-background: "#241413" + 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: "#2F7A4A" + error: "#DC2626" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + error: "#E87272" + +# ────────────────────────────────── +# 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#DC2626" + background-colour: "#DC2626" + +# ────────────────────────────────── +# 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 diff --git a/themes/Retro terminals/term-pdp.yaml b/themes/Retro terminals/term-pdp.yaml new file mode 100644 index 0000000..095cab3 --- /dev/null +++ b/themes/Retro terminals/term-pdp.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — terminal · pdp +# 1960s green CRT phosphor. PDP-8, ASR-33, glowing on a basement floor. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#00691F" + background: "#F0FBE8" + nav-background: "#DDF1CC" + text: "#0F2A10" + text-muted: "#5A7058" + +dark: + accent: "#33FF66" + background: "#001405" + nav-background: "#002A0E" + text: "#33FF66" + text-muted: "#1FAA40" + nav-link: "#E2E2E2" + nav-link-active: "#33FF66" + 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: "#33FF66" + warning: "#FFAA00" + success: "#33FF66" + error: "#FF4040" + +colours-semantic-dark: + info: "#33FF66" + warning: "#FFAA00" + success: "#33FF66" + error: "#FF5C5C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#33FF66" + background-colour: "#33FF66" + warning: + icon: warning + primary-colour: "#FFAA00" + background-colour: "#FFAA00" + success: + icon: success + primary-colour: "#33FF66" + background-colour: "#33FF66" + error: + icon: error + primary-colour: "#FF4040" + background-colour: "#FF4040" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "google:VT323:400" +font-heading: "google:VT323:400" +font-size: 1.25 # unitless multiplier (1.0 = 16px base) +line-height: 1.60 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Retro terminals/term-robco.yaml b/themes/Retro terminals/term-robco.yaml new file mode 100644 index 0000000..56122e4 --- /dev/null +++ b/themes/Retro terminals/term-robco.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — terminal · robco +# RobCo Industries Unified Operating System. The Pip-Boy green you boot up in a vault. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#00532D" + background: "#F4ECCB" + nav-background: "#2A1F12" + text: "#1F2A1F" + text-muted: "#5A7058" + nav-link: "#E2E2E2" + nav-link-active: "#FFFFFF" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#1AFF6A" + background: "#040A06" + nav-background: "#000F06" + text: "#1AFF6A" + text-muted: "#1AAA4A" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#1AFF6A" + warning: "#FFB800" + success: "#1AFF6A" + error: "#FF3333" + +colours-semantic-dark: + info: "#1AFF6A" + warning: "#FFB800" + success: "#1AFF6A" + error: "#FF5C5C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1AFF6A" + background-colour: "#1AFF6A" + warning: + icon: warning + primary-colour: "#FFB800" + background-colour: "#FFB800" + success: + icon: success + primary-colour: "#1AFF6A" + background-colour: "#1AFF6A" + error: + icon: error + primary-colour: "#FF3333" + background-colour: "#FF3333" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "google:VT323:400" +font-heading: "google:VT323:400" +font-size: 1.30 # unitless multiplier (1.0 = 16px base) +line-height: 1.55 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Retro terminals/term-teletype.yaml b/themes/Retro terminals/term-teletype.yaml new file mode 100644 index 0000000..60ab522 --- /dev/null +++ b/themes/Retro terminals/term-teletype.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — terminal · teletype +# 1950s Selectric typebar — navy ink on ivory paper. Office of Records, mid-century. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1F2D5C" + background: "#F4ECD8" + nav-background: "#E6D9B0" + text: "#1A1612" + text-muted: "#6E5E40" + nav-link: "rgba(0,0,0,0.85)" + nav-link-active: "#1F2D5C" + nav-section-heading: "rgba(0,0,0,0.60)" + nav-sitename: "#000000" + nav-description: "rgba(0,0,0,0.65)" + nav-toggle: "rgba(0,0,0,0.65)" + +dark: + accent: "#E8D7A0" + background: "#14110A" + nav-background: "#1F1A0E" + text: "#F5E8C8" + text-muted: "#A89880" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#1F2D5C" + warning: "#8B5A00" + success: "#3F6B3C" + error: "#9C3A2A" + +colours-semantic-dark: + info: "#8598D6" + warning: "#FFC55C" + success: "#8DD289" + error: "#DC8C7E" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1F2D5C" + background-colour: "#1F2D5C" + warning: + icon: warning + primary-colour: "#8B5A00" + background-colour: "#8B5A00" + success: + icon: success + primary-colour: "#3F6B3C" + background-colour: "#3F6B3C" + error: + icon: error + primary-colour: "#9C3A2A" + background-colour: "#9C3A2A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:IBM Plex Mono:400" +font-heading: "bunny:IBM Plex Mono:600" +font-size: 0.95 # unitless multiplier (1.0 = 16px base) +line-height: 1.75 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Retro terminals/term-vt100.yaml b/themes/Retro terminals/term-vt100.yaml new file mode 100644 index 0000000..3dbc55f --- /dev/null +++ b/themes/Retro terminals/term-vt100.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — terminal · vt100 +# 1970s DEC VT100 amber phosphor. The terminal of every documentary about the early internet. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#7A3F00" + background: "#FAF0D8" + nav-background: "#F0DBA0" + text: "#2A1A0A" + text-muted: "#6E5A40" + nav-link: "rgba(0,0,0,0.85)" + nav-link-active: "#7A3F00" + nav-section-heading: "rgba(0,0,0,0.60)" + nav-sitename: "#000000" + nav-description: "rgba(0,0,0,0.65)" + nav-toggle: "rgba(0,0,0,0.65)" + +dark: + accent: "#FFB000" + background: "#180D00" + nav-background: "#2A1A00" + text: "#FFB000" + text-muted: "#B07A00" + nav-link: "#E2E2E2" + nav-link-active: "#FFB000" + 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: "#5BC0FF" + warning: "#FFB000" + success: "#80FF40" + error: "#FF5040" + +colours-semantic-dark: + info: "#5CC0FF" + warning: "#FFB000" + success: "#80FF40" + error: "#FF695C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#5BC0FF" + background-colour: "#5BC0FF" + warning: + icon: warning + primary-colour: "#FFB000" + background-colour: "#FFB000" + success: + icon: success + primary-colour: "#80FF40" + background-colour: "#80FF40" + error: + icon: error + primary-colour: "#FF5040" + background-colour: "#FF5040" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "google:VT323:400" +font-heading: "google:VT323:400" +font-size: 1.25 # unitless multiplier (1.0 = 16px base) +line-height: 1.60 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Subway maps and cartography/map-nautical-bold.yaml b/themes/Subway maps and cartography/map-nautical-bold.yaml new file mode 100644 index 0000000..cda5440 --- /dev/null +++ b/themes/Subway maps and cartography/map-nautical-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — nautical chart · bold +# Admiralty yellow paper with deep harbour blue. Soundings and bearings. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1A5490" + background: "#FFF5C0" + nav-background: "#1A5490" + text: "#0A2540" + text-muted: "#5C708C" + 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: "#FFD75A" + background: "#001833" + nav-background: "#000F22" + text: "#F4E8C0" + text-muted: "#A8B4C8" + nav-link: "#E2E2E2" + nav-link-active: "#FFD75A" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Subway maps and cartography/map-nautical-muted.yaml b/themes/Subway maps and cartography/map-nautical-muted.yaml new file mode 100644 index 0000000..ad468c0 --- /dev/null +++ b/themes/Subway maps and cartography/map-nautical-muted.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — nautical chart · muted +# Bone-white chart and pilot blue — calm water charting. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#2A6BAA" + background: "#FBF7E8" + nav-background: "#DDE5EE" + text: "#1A2438" + text-muted: "#6E7888" + +dark: + accent: "#88B0D8" + background: "#0E1622" + nav-background: "#162038" + text: "#EFE8D0" + text-muted: "#90A0BC" + nav-link: "#E2E2E2" + nav-link-active: "#88B0D8" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Subway maps and cartography/map-nyc-subway-bold.yaml b/themes/Subway maps and cartography/map-nyc-subway-bold.yaml new file mode 100644 index 0000000..cc1d002 --- /dev/null +++ b/themes/Subway maps and cartography/map-nyc-subway-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — nyc subway · bold +# 1-train red, A-train blue. Vignelli’s diagram of the city beneath the streets. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#EE352E" + background: "#FFFFFF" + nav-background: "#0039A6" + 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: "#EE352E" + background: "#0039A6" + nav-background: "#00237A" + text: "#FFFFFF" + text-muted: "#9DB1D8" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#EE352E" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Subway maps and cartography/map-nyc-subway-muted.yaml b/themes/Subway maps and cartography/map-nyc-subway-muted.yaml new file mode 100644 index 0000000..9b0f190 --- /dev/null +++ b/themes/Subway maps and cartography/map-nyc-subway-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — nyc subway · muted +# Subway-tile cream and oxidised red. The same map after a long commute. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#9C2A30" + background: "#FBF6EE" + nav-background: "#E5DCC8" + text: "#2A1F18" + text-muted: "#6E5E4A" + +dark: + accent: "#D85060" + background: "#0E0C0A" + nav-background: "#1A1612" + text: "#EFE5D5" + text-muted: "#9C9080" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Subway maps and cartography/map-osm-bold.yaml b/themes/Subway maps and cartography/map-osm-bold.yaml new file mode 100644 index 0000000..b269a12 --- /dev/null +++ b/themes/Subway maps and cartography/map-osm-bold.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — openstreetmap · bold +# Paper beige, woodland green, water blue. The map of everywhere. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#5A8F5A" + background: "#F2EFE9" + nav-background: "#AAD3DF" + text: "#1F2A1F" + text-muted: "#6E7A6E" + 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: "#88C088" + background: "#0E1612" + nav-background: "#16201F" + text: "#EAEFE5" + text-muted: "#90A096" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Subway maps and cartography/map-osm-muted.yaml b/themes/Subway maps and cartography/map-osm-muted.yaml new file mode 100644 index 0000000..8c2e3f1 --- /dev/null +++ b/themes/Subway maps and cartography/map-osm-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — openstreetmap · muted +# OSM hues turned down for marginalia — printed map atlases. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#5A7058" + background: "#F8F6F0" + nav-background: "#E8E4D8" + text: "#1F2218" + text-muted: "#6E6E5E" + +dark: + accent: "#A0B8A0" + background: "#0E1410" + nav-background: "#161A14" + text: "#E8EAE2" + text-muted: "#909A8A" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Subway maps and cartography/map-paris-metro-bold.yaml b/themes/Subway maps and cartography/map-paris-metro-bold.yaml new file mode 100644 index 0000000..a5735d7 --- /dev/null +++ b/themes/Subway maps and cartography/map-paris-metro-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — paris métro · bold +# Ligne 1 yellow and ligne 12 green. Art Nouveau Guimard energy. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#FFCD00" + background: "#FFFFFF" + nav-background: "#22833B" + text: "#1A1A1A" + text-muted: "#5C5C5C" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#FFCD00" + 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: "#FFCD00" + background: "#0A2114" + nav-background: "#001A0A" + text: "#FFFFFF" + text-muted: "#9DC0A8" + nav-link: "#E2E2E2" + nav-link-active: "#FFCD00" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Subway maps and cartography/map-paris-metro-muted.yaml b/themes/Subway maps and cartography/map-paris-metro-muted.yaml new file mode 100644 index 0000000..ee4c64a --- /dev/null +++ b/themes/Subway maps and cartography/map-paris-metro-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — paris métro · muted +# Mansard slate and brass — a Paris morning, pre-coffee. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#7A6020" + background: "#FBFAF3" + nav-background: "#E0E8DC" + text: "#1F1A0A" + text-muted: "#6E6248" + +dark: + accent: "#D8B848" + background: "#0E0E08" + nav-background: "#161D14" + text: "#EFEEDD" + text-muted: "#9C9678" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Subway maps and cartography/map-swisstopo-bold.yaml b/themes/Subway maps and cartography/map-swisstopo-bold.yaml new file mode 100644 index 0000000..d80351f --- /dev/null +++ b/themes/Subway maps and cartography/map-swisstopo-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — swisstopo · bold +# Topographic cream with contour brown and lake blue — the gold standard. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#6B5234" + background: "#F4EDD8" + nav-background: "#6FA1C8" + text: "#2A1F0F" + text-muted: "#6E5E40" + 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: "#C49A6C" + background: "#1A140A" + nav-background: "#0E1A28" + text: "#F0E5D0" + text-muted: "#A89880" + nav-link: "#E2E2E2" + nav-link-active: "#C49A6C" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Subway maps and cartography/map-swisstopo-muted.yaml b/themes/Subway maps and cartography/map-swisstopo-muted.yaml new file mode 100644 index 0000000..ffd3b66 --- /dev/null +++ b/themes/Subway maps and cartography/map-swisstopo-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — swisstopo · muted +# Faded alpine paper. The map that’s been folded a hundred times. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#8F7050" + background: "#FAF6EA" + nav-background: "#E8E0CC" + text: "#241D14" + text-muted: "#7A6A50" + +dark: + accent: "#D8B080" + background: "#1A140C" + nav-background: "#241D14" + text: "#F0E5D0" + text-muted: "#A89684" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Subway maps and cartography/map-tokyo-metro-bold.yaml b/themes/Subway maps and cartography/map-tokyo-metro-bold.yaml new file mode 100644 index 0000000..fc03ec5 --- /dev/null +++ b/themes/Subway maps and cartography/map-tokyo-metro-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — tokyo metro · bold +# Marunouchi red and Tozai sky-blue. Tokyo Metro’s line-colour grammar. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#E60012" + background: "#FFFFFF" + nav-background: "#009BBF" + 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: "#F39800" + background: "#003F4D" + nav-background: "#00263A" + text: "#FFFFFF" + text-muted: "#9DBCDC" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#F39800" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Subway maps and cartography/map-tokyo-metro-muted.yaml b/themes/Subway maps and cartography/map-tokyo-metro-muted.yaml new file mode 100644 index 0000000..79cf341 --- /dev/null +++ b/themes/Subway maps and cartography/map-tokyo-metro-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — tokyo metro · muted +# Yurakucho gold and tatami beige — quiet hours on the train. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#9C5E31" + background: "#FBF8F2" + nav-background: "#E5DCC8" + text: "#2A1F18" + text-muted: "#6E5E4A" + +dark: + accent: "#C1A470" + background: "#1A140A" + nav-background: "#241B10" + text: "#F0E8D8" + text-muted: "#A89880" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Subway maps and cartography/map-tube-bold.yaml b/themes/Subway maps and cartography/map-tube-bold.yaml new file mode 100644 index 0000000..6e62f3b --- /dev/null +++ b/themes/Subway maps and cartography/map-tube-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — london underground · bold +# Roundel red on Underground blue. Mind the gap. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#DC241F" + background: "#FFFFFF" + nav-background: "#1F3A93" + 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: "#DC241F" + background: "#0F1A36" + nav-background: "#06122B" + text: "#FFFFFF" + text-muted: "#A0B4D0" + nav-link: "#E2E2E2" + nav-link-active: "#DC241F" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Subway maps and cartography/map-tube-muted.yaml b/themes/Subway maps and cartography/map-tube-muted.yaml new file mode 100644 index 0000000..eb69381 --- /dev/null +++ b/themes/Subway maps and cartography/map-tube-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — london underground · muted +# Faded poster red and Johnston blue — the night-tube palette. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#9C2A24" + background: "#FBF8F3" + nav-background: "#E0E0EA" + text: "#1F1A1A" + text-muted: "#6E6E78" + +dark: + accent: "#D85050" + background: "#0F0E10" + nav-background: "#1A1A22" + text: "#EFEAE5" + text-muted: "#9C98A0" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Subway maps and cartography/map-tunnelbana-bold.yaml b/themes/Subway maps and cartography/map-tunnelbana-bold.yaml new file mode 100644 index 0000000..8252169 --- /dev/null +++ b/themes/Subway maps and cartography/map-tunnelbana-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — stockholm tunnelbana · bold +# SL blue with red accent — three lines, one of the world’s longest art galleries. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#D71920" + background: "#FFFFFF" + nav-background: "#0089CE" + text: "#0A2A40" + text-muted: "#5C7890" + 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: "#5CB247" + background: "#003F66" + nav-background: "#001F36" + text: "#FFFFFF" + text-muted: "#9DC0DC" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#5CB247" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Subway maps and cartography/map-tunnelbana-muted.yaml b/themes/Subway maps and cartography/map-tunnelbana-muted.yaml new file mode 100644 index 0000000..fd09389 --- /dev/null +++ b/themes/Subway maps and cartography/map-tunnelbana-muted.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — stockholm tunnelbana · muted +# Granite and harbour blue — Stockholm without the rush hour. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#2A6E8A" + background: "#FBFAF7" + nav-background: "#DDE5EE" + text: "#1A2438" + text-muted: "#6E7888" + +dark: + accent: "#88B0D8" + background: "#0E1622" + nav-background: "#16213A" + text: "#EAEEF4" + text-muted: "#8E96AC" + nav-link: "#E2E2E2" + nav-link-active: "#88B0D8" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Teal/teal-charcoal.yaml b/themes/Teal/teal-charcoal.yaml new file mode 100644 index 0000000..7dfafb4 --- /dev/null +++ b/themes/Teal/teal-charcoal.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — teal · charcoal +# White content with a charcoal nav sidebar. Colour pops on dark. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#0D9488" + background: "#FFFFFF" + nav-background: "#1A1A1F" + text: "#161618" + text-muted: "#5C5F6E" + nav-link: "#E2E2E2" + nav-link-active: "#0D9488" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#2DD4BF" + background: "#0A0A0C" + nav-background: "#000000" + 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: "#0D9488" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#69F2E6" + 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: "#0D9488" + background-colour: "#0D9488" + 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 diff --git a/themes/Teal/teal-paper.yaml b/themes/Teal/teal-paper.yaml new file mode 100644 index 0000000..96f3a25 --- /dev/null +++ b/themes/Teal/teal-paper.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — teal · paper +# White paper, neutral chrome. Colour used as a confident accent. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#0D9488" + background: "#FFFFFF" + nav-background: "#F4F5F8" + text: "#15161B" + text-muted: "#5C5F6E" + +dark: + accent: "#2DD4BF" + background: "#0B0C10" + nav-background: "#15171C" + text: "#ECEDF1" + text-muted: "#8E919C" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#0D9488" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#69F2E6" + 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: "#0D9488" + background-colour: "#0D9488" + 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 diff --git a/themes/Teal/teal-tinted.yaml b/themes/Teal/teal-tinted.yaml new file mode 100644 index 0000000..5329180 --- /dev/null +++ b/themes/Teal/teal-tinted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — teal · tinted +# Colour-tinted background and nav. Calm, monochromatic, brand-forward. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#0D9488" + background: "#F2FCFA" + nav-background: "#D6F1EC" + text: "#1A1A1A" + text-muted: "#5E5E66" + +dark: + accent: "#2DD4BF" + background: "#0A1614" + nav-background: "#0F211D" + 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: "#0D9488" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#69F2E6" + 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: "#0D9488" + background-colour: "#0D9488" + 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 diff --git a/themes/Themes.html b/themes/Themes.html new file mode 100644 index 0000000..2aabc9a --- /dev/null +++ b/themes/Themes.html @@ -0,0 +1,186 @@ + + + + + mdcms — Theme directions + + + + +
+ + + + + + + + + + + +
+
Unpacking...
+ + + + + + + + + + \ No newline at end of file diff --git a/themes/Time of day/tod-dawn.yaml b/themes/Time of day/tod-dawn.yaml new file mode 100644 index 0000000..125b628 --- /dev/null +++ b/themes/Time of day/tod-dawn.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — time · dawn +# Pre-sunrise pale apricot and coral. Soft, warm, hopeful. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#D87B5A" + background: "#FFF6EE" + nav-background: "#FBE5D5" + text: "#3A2A20" + text-muted: "#8A6F5E" + nav-link: "#3A2A20" + nav-link-active: "#1A1A1A" + nav-section-heading: "#8A6F5E" + nav-sitename: "#3A2A20" + nav-description: "#8A6F5E" + nav-toggle: "#8A6F5E" + +dark: + accent: "#FFA078" + background: "#1A140E" + nav-background: "#261A12" + text: "#F0E0D0" + text-muted: "#B89580" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#5A7AB8" + warning: "#D87B5A" + success: "#5A8A5A" + error: "#B85040" + +colours-semantic-dark: + info: "#89A2D2" + warning: "#E0957B" + success: "#89D289" + error: "#D59086" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#5A7AB8" + background-colour: "#5A7AB8" + warning: + icon: warning + primary-colour: "#D87B5A" + background-colour: "#D87B5A" + success: + icon: success + primary-colour: "#5A8A5A" + background-colour: "#5A8A5A" + error: + icon: error + primary-colour: "#B85040" + background-colour: "#B85040" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Manrope:400" +font-heading: "bunny:Manrope:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Time of day/tod-dusk.yaml b/themes/Time of day/tod-dusk.yaml new file mode 100644 index 0000000..fd4f92a --- /dev/null +++ b/themes/Time of day/tod-dusk.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — time · dusk +# Twilight purple-pink. Reflective, end-of-day calm. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#5B3A8C" + background: "#F6F0F5" + nav-background: "#EBDFE8" + text: "#2A1F2E" + text-muted: "#75607A" + +dark: + accent: "#A78AD8" + background: "#14101C" + nav-background: "#1F1828" + text: "#E8DCEC" + text-muted: "#A0909A" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#5B3A8C" + warning: "#B26A1F" + success: "#3F6B3C" + error: "#9C3A4A" + +colours-semantic-dark: + info: "#A689D2" + warning: "#E7AF74" + success: "#8DD289" + error: "#D38894" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#5B3A8C" + background-colour: "#5B3A8C" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#3F6B3C" + background-colour: "#3F6B3C" + error: + icon: error + primary-colour: "#9C3A4A" + background-colour: "#9C3A4A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Manrope:400" +font-heading: "bunny:Manrope:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Time of day/tod-midnight.yaml b/themes/Time of day/tod-midnight.yaml new file mode 100644 index 0000000..decb02d --- /dev/null +++ b/themes/Time of day/tod-midnight.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — time · midnight +# Deep navy starfield. Quiet, focused, after-hours. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1A2658" + background: "#F2F4FB" + nav-background: "#DCE3F2" + text: "#0A1230" + text-muted: "#5C6E96" + +dark: + accent: "#6080C8" + background: "#000814" + nav-background: "#00112E" + text: "#E0E8F8" + text-muted: "#8090C0" + nav-link: "#E2E2E2" + nav-link-active: "#6080C8" + 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: "#1A2658" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#9C3A4A" + +colours-semantic-dark: + info: "#8192DA" + warning: "#E7AF74" + success: "#89D2A3" + error: "#D38894" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1A2658" + background-colour: "#1A2658" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#9C3A4A" + background-colour: "#9C3A4A" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Manrope:400" +font-heading: "bunny:Manrope:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Transportation/tx-bvg-bold.yaml b/themes/Transportation/tx-bvg-bold.yaml new file mode 100644 index 0000000..797f0cc --- /dev/null +++ b/themes/Transportation/tx-bvg-bold.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — bvg · bold +# BVG yellow — the colour of every Berlin U-Bahn and Doppeldecker. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1A1A1A" + background: "#FFFFFF" + nav-background: "#FCD600" + text: "#1A1A1A" + text-muted: "#5C5C5C" + nav-link: "rgba(0,0,0,0.85)" + nav-link-active: "#1A1A1A" + nav-section-heading: "rgba(0,0,0,0.60)" + nav-sitename: "#000000" + nav-description: "rgba(0,0,0,0.65)" + nav-toggle: "rgba(0,0,0,0.65)" + +dark: + accent: "#FCD600" + background: "#0A0A0A" + nav-background: "#000000" + text: "#FFFFFF" + text-muted: "#A8A8A8" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#C13030" + background-colour: "#C13030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Inter:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Transportation/tx-bvg-muted.yaml b/themes/Transportation/tx-bvg-muted.yaml new file mode 100644 index 0000000..0143637 --- /dev/null +++ b/themes/Transportation/tx-bvg-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — bvg · muted +# Faded BVG mustard — the same Berlin energy, on a Sunday. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#7A6020" + background: "#FBFAF3" + nav-background: "#F0E7C0" + text: "#1F1A0A" + text-muted: "#6E6248" + +dark: + accent: "#D8B848" + background: "#0E0E08" + nav-background: "#1A180F" + text: "#EFEEDD" + text-muted: "#9C9678" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#C13030" + background-colour: "#C13030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Inter:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Transportation/tx-db-bold.yaml b/themes/Transportation/tx-db-bold.yaml new file mode 100644 index 0000000..8912a80 --- /dev/null +++ b/themes/Transportation/tx-db-bold.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — deutsche bahn · bold +# DB Verkehrsrot — German signal-red, pure and uncompromising. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#EC0016" + background: "#FFFFFF" + nav-background: "#EC0016" + 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: "#EC0016" + background: "#1A0608" + nav-background: "#000000" + text: "#FFFFFF" + text-muted: "#B89090" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#C13030" + background-colour: "#C13030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Public Sans:400" +font-heading: "bunny:Public Sans:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Transportation/tx-db-ice-bold.yaml b/themes/Transportation/tx-db-ice-bold.yaml new file mode 100644 index 0000000..6e87b6f --- /dev/null +++ b/themes/Transportation/tx-db-ice-bold.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — deutsche bahn · ice · bold +# ICE livery — fuselage white with the unmistakable red stripe. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#EC0016" + background: "#FFFFFF" + nav-background: "#F7F7F7" + text: "#1A1A1A" + text-muted: "#5C5C5C" + +dark: + accent: "#EC0016" + background: "#0F0F10" + nav-background: "#1A1A1C" + text: "#F8F8F8" + text-muted: "#A8A8AC" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#C13030" + background-colour: "#C13030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Public Sans:400" +font-heading: "bunny:Public Sans:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Transportation/tx-db-ice-muted.yaml b/themes/Transportation/tx-db-ice-muted.yaml new file mode 100644 index 0000000..2da0181 --- /dev/null +++ b/themes/Transportation/tx-db-ice-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — deutsche bahn · ice · muted +# High-speed white with terra-cotta accent. Travel-day calm. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#7A2030" + background: "#FBFAF8" + nav-background: "#EEE8E5" + text: "#1F1A1A" + text-muted: "#6E6868" + +dark: + accent: "#D85060" + background: "#0F0E0E" + nav-background: "#1A1818" + text: "#EFEDEC" + text-muted: "#A09898" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#C13030" + background-colour: "#C13030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Public Sans:400" +font-heading: "bunny:Public Sans:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Transportation/tx-db-muted.yaml b/themes/Transportation/tx-db-muted.yaml new file mode 100644 index 0000000..2c5d311 --- /dev/null +++ b/themes/Transportation/tx-db-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — deutsche bahn · muted +# Brake-dust red — the same identity, station-platform softened. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#9C2030" + background: "#FBF6F0" + nav-background: "#F0DDD8" + text: "#2A1818" + text-muted: "#7A5E5E" + +dark: + accent: "#D85060" + background: "#1A0C0C" + nav-background: "#241414" + text: "#F0E5DC" + text-muted: "#A89090" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#C13030" + background-colour: "#C13030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Public Sans:400" +font-heading: "bunny:Public Sans:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Transportation/tx-dsb-bold.yaml b/themes/Transportation/tx-dsb-bold.yaml new file mode 100644 index 0000000..faffa4b --- /dev/null +++ b/themes/Transportation/tx-dsb-bold.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — dsb · bold +# DSB red on Dannebrog white, with charcoal sidebar — Danish State Railways. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#E0001D" + background: "#FFFFFF" + nav-background: "#1A1A1A" + text: "#1A1A1A" + text-muted: "#5C5C5C" + nav-link: "#E2E2E2" + nav-link-active: "#E0001D" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#FF3045" + background: "#0A0A0A" + nav-background: "#000000" + text: "#FFFFFF" + text-muted: "#A8A8AC" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#C13030" + background-colour: "#C13030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Public Sans:400" +font-heading: "bunny:Public Sans:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Transportation/tx-dsb-muted.yaml b/themes/Transportation/tx-dsb-muted.yaml new file mode 100644 index 0000000..8cda7c9 --- /dev/null +++ b/themes/Transportation/tx-dsb-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — dsb · muted +# Carriage-red and steel — quieter Danish rail palette. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#9C2030" + background: "#FBF7F4" + nav-background: "#E5E0DC" + text: "#1F1A18" + text-muted: "#6E5E5C" + +dark: + accent: "#D85060" + background: "#0E0C0B" + nav-background: "#1A1614" + text: "#EFEAE5" + text-muted: "#9C9490" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#C13030" + background-colour: "#C13030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Public Sans:400" +font-heading: "bunny:Public Sans:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Transportation/tx-evergreen-bold.yaml b/themes/Transportation/tx-evergreen-bold.yaml new file mode 100644 index 0000000..74ff295 --- /dev/null +++ b/themes/Transportation/tx-evergreen-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — evergreen marine · bold +# Evergreen forest-green — the Ever-Given palette. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#005A2D" + background: "#FFFFFF" + nav-background: "#005A2D" + text: "#0A2A14" + text-muted: "#5A7858" + 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: "#3FAD68" + background: "#0A2114" + nav-background: "#001A0A" + text: "#FFFFFF" + text-muted: "#9DC0A8" + nav-link: "#E2E2E2" + nav-link-active: "#3FAD68" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Transportation/tx-evergreen-muted.yaml b/themes/Transportation/tx-evergreen-muted.yaml new file mode 100644 index 0000000..14bbd14 --- /dev/null +++ b/themes/Transportation/tx-evergreen-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — evergreen marine · muted +# Container green, weather-worn — softer everyday tones. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#3F7A4A" + background: "#F8FAF5" + nav-background: "#DEE9DC" + text: "#0F2418" + text-muted: "#6E7A6E" + +dark: + accent: "#88B898" + background: "#0E1810" + nav-background: "#162218" + text: "#E8EFE8" + text-muted: "#90A096" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Transportation/tx-hapag-bold.yaml b/themes/Transportation/tx-hapag-bold.yaml new file mode 100644 index 0000000..f1945fe --- /dev/null +++ b/themes/Transportation/tx-hapag-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — hapag-lloyd · bold +# Hapag-Lloyd navy hull and signature orange container. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#003D7C" + background: "#FFFFFF" + nav-background: "#FF6800" + text: "#001F4E" + text-muted: "#5C6E94" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#003D7C" + 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: "#FF8030" + background: "#001F4E" + nav-background: "#7A2A00" + text: "#FFFFFF" + text-muted: "#A0B4D8" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#FF8030" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Transportation/tx-hapag-muted.yaml b/themes/Transportation/tx-hapag-muted.yaml new file mode 100644 index 0000000..825154b --- /dev/null +++ b/themes/Transportation/tx-hapag-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — hapag-lloyd · muted +# Atlantic blue and faded clay — port-warehouse colours. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1F3A6B" + background: "#FBFAF7" + nav-background: "#F0DDC8" + text: "#0F2238" + text-muted: "#6E7080" + +dark: + accent: "#8AA8D8" + background: "#0E1622" + nav-background: "#241A10" + text: "#EAEDF2" + text-muted: "#9098AC" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Transportation/tx-maersk-bold.yaml b/themes/Transportation/tx-maersk-bold.yaml new file mode 100644 index 0000000..a17dcde --- /dev/null +++ b/themes/Transportation/tx-maersk-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — maersk · bold +# Maersk cornflower blue with container white — global shipping liveried. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#42B0D5" + background: "#FFFFFF" + nav-background: "#42B0D5" + text: "#0A2A3A" + text-muted: "#5C7888" + 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: "#42B0D5" + background: "#062430" + nav-background: "#031620" + text: "#FFFFFF" + text-muted: "#9DC0D0" + nav-link: "#E2E2E2" + nav-link-active: "#42B0D5" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#C13030" + background-colour: "#C13030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Inter:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Transportation/tx-maersk-muted.yaml b/themes/Transportation/tx-maersk-muted.yaml new file mode 100644 index 0000000..42da647 --- /dev/null +++ b/themes/Transportation/tx-maersk-muted.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — maersk · muted +# Harbour-water blue, dialled back to dockyard grey-blue. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#2A6E8A" + background: "#FAFBFC" + nav-background: "#E2EAEE" + text: "#0F2436" + text-muted: "#6E7C8A" + +dark: + accent: "#7EB8D0" + background: "#0A1822" + nav-background: "#142838" + text: "#E8EEF2" + text-muted: "#90A0AC" + nav-link: "#E2E2E2" + nav-link-active: "#7EB8D0" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + error: + icon: error + primary-colour: "#C13030" + background-colour: "#C13030" + +# ────────────────────────────────── +# Typography +# Format: "provider:Font Name:weight" (provider: bunny | google) +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Inter:700" +font-size: 1.00 # unitless multiplier (1.0 = 16px base) +line-height: 1.70 # unitless multiplier + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 80em +nav-width: 20em diff --git a/themes/Transportation/tx-vy-bold.yaml b/themes/Transportation/tx-vy-bold.yaml new file mode 100644 index 0000000..f407f07 --- /dev/null +++ b/themes/Transportation/tx-vy-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — vy · bold +# Vy-grønn — the deep forest green from the 2019 NSB rebrand. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#00583C" + background: "#FFFFFF" + nav-background: "#00583C" + text: "#0A2A1F" + text-muted: "#5C7868" + 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: "#3FA67E" + background: "#08221A" + nav-background: "#001A10" + text: "#FFFFFF" + text-muted: "#9DC0B0" + nav-link: "#E2E2E2" + nav-link-active: "#3FA67E" + 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: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Transportation/tx-vy-muted.yaml b/themes/Transportation/tx-vy-muted.yaml new file mode 100644 index 0000000..4db04d6 --- /dev/null +++ b/themes/Transportation/tx-vy-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — vy · muted +# Moss and mist — Vy-grønn after the morning commute. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#3F7A5A" + background: "#F8FAF6" + nav-background: "#DDE8DD" + text: "#1A2A20" + text-muted: "#6E7A6E" + +dark: + accent: "#88B89C" + background: "#0D1614" + nav-background: "#162218" + text: "#E8EFE8" + text-muted: "#90A096" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Transportation/tx-zim-bold.yaml b/themes/Transportation/tx-zim-bold.yaml new file mode 100644 index 0000000..ea20449 --- /dev/null +++ b/themes/Transportation/tx-zim-bold.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — zim · bold +# ZIM signal-orange with cargo-brown sidebar. Stevedore palette. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#F47216" + background: "#FFFFFF" + nav-background: "#4A2A1C" + text: "#2A1810" + text-muted: "#6E5A4A" + nav-link: "#E2E2E2" + nav-link-active: "#F47216" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#FF924A" + background: "#1A0F08" + nav-background: "#000000" + text: "#F4E5D2" + text-muted: "#B89880" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/Transportation/tx-zim-muted.yaml b/themes/Transportation/tx-zim-muted.yaml new file mode 100644 index 0000000..3020b1e --- /dev/null +++ b/themes/Transportation/tx-zim-muted.yaml @@ -0,0 +1,74 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — zim · muted +# Toasted orange on weathered card — the same crates, sun-bleached. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#9C5A2A" + background: "#FBF6EE" + nav-background: "#EFDFC8" + text: "#2A1A10" + text-muted: "#6E5640" + +dark: + accent: "#D8915A" + background: "#1A1108" + nav-background: "#241810" + text: "#F0E0CC" + text-muted: "#A89180" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#2B5797" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#80A5DB" + warning: "#E7AF74" + success: "#89D2A3" + 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: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/UN Blue/un-blue-bold.yaml b/themes/UN Blue/un-blue-bold.yaml new file mode 100644 index 0000000..eb26555 --- /dev/null +++ b/themes/UN Blue/un-blue-bold.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — un blue · bold +# UN sky-blue sidebar with deeper blue content accent. Multilateral, full strength. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1A4E8A" + background: "#FFFFFF" + nav-background: "#5B92E5" + text: "#0F1B30" + text-muted: "#5C6E94" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#1A4E8A" + 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: "#9EC2F0" + background: "#0A1828" + nav-background: "#0F2B4A" + text: "#FFFFFF" + text-muted: "#A8C4E0" + nav-link: "rgba(255,255,255,0.92)" + nav-link-active: "#9EC2F0" + 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: "#5B92E5" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#72A1E9" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DE7C7C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#5B92E5" + background-colour: "#5B92E5" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/UN Blue/un-blue-charcoal.yaml b/themes/UN Blue/un-blue-charcoal.yaml new file mode 100644 index 0000000..61d0206 --- /dev/null +++ b/themes/UN Blue/un-blue-charcoal.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — un blue · charcoal +# White content with a charcoal nav sidebar. Colour pops on dark. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#5B92E5" + background: "#FFFFFF" + nav-background: "#1A1A1F" + text: "#161618" + text-muted: "#5C5F6E" + nav-link: "#E2E2E2" + nav-link-active: "#5B92E5" + nav-section-heading: "#9A9A9A" + nav-sitename: "#FFFFFF" + nav-description: "#9A9A9A" + nav-toggle: "#9A9A9A" + +dark: + accent: "#9EC2F0" + background: "#0A0A0C" + nav-background: "#000000" + text: "#F1EFEC" + text-muted: "#9C9A95" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#5B92E5" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#72A1E9" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DE7C7C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#5B92E5" + background-colour: "#5B92E5" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/UN Blue/un-blue-paper.yaml b/themes/UN Blue/un-blue-paper.yaml new file mode 100644 index 0000000..a99012b --- /dev/null +++ b/themes/UN Blue/un-blue-paper.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — un blue · paper +# White paper, neutral chrome. Colour used as a confident accent. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#5B92E5" + background: "#FFFFFF" + nav-background: "#F4F5F8" + text: "#15161B" + text-muted: "#5C5F6E" + nav-link: "#15161B" + nav-link-active: "#1A1A1A" + nav-section-heading: "#5C5F6E" + nav-sitename: "#15161B" + nav-description: "#5C5F6E" + nav-toggle: "#5C5F6E" + +dark: + accent: "#9EC2F0" + background: "#0B0C10" + nav-background: "#15171C" + text: "#ECEDF1" + text-muted: "#8E919C" + +# ────────────────────────────────── +# Semantic colours +# colours-semantic applies to both modes. +# colours-semantic-dark overrides for dark mode only. +# ────────────────────────────────── +colours-semantic: + info: "#5B92E5" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#72A1E9" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DE7C7C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#5B92E5" + background-colour: "#5B92E5" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + 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 diff --git a/themes/UN Blue/un-blue-tinted.yaml b/themes/UN Blue/un-blue-tinted.yaml new file mode 100644 index 0000000..7fc55d0 --- /dev/null +++ b/themes/UN Blue/un-blue-tinted.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — un blue · tinted +# Colour-tinted background and nav. Calm, monochromatic, brand-forward. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#5B92E5" + background: "#F6FAFE" + nav-background: "#DCE9F8" + 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: "#9EC2F0" + background: "#0A1424" + nav-background: "#13213A" + text: "#F1EFEC" + text-muted: "#9C9A95" + nav-link: "#E2E2E2" + nav-link-active: "#9EC2F0" + 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: "#5B92E5" + warning: "#B26A1F" + success: "#2F7A4A" + error: "#C13030" + +colours-semantic-dark: + info: "#72A1E9" + warning: "#E7AF74" + success: "#89D2A3" + error: "#DE7C7C" + +# ────────────────────────────────── +# Callout defaults +# primary-colour matches colours-semantic (light mode). +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#5B92E5" + background-colour: "#5B92E5" + warning: + icon: warning + primary-colour: "#B26A1F" + background-colour: "#B26A1F" + success: + icon: success + primary-colour: "#2F7A4A" + background-colour: "#2F7A4A" + 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