From 2e2fd2093f5e266135abba2ce675aee75879fca1 Mon Sep 17 00:00:00 2001 From: kbenestad Date: Thu, 21 May 2026 23:57:51 +0700 Subject: [PATCH] Add files via upload --- themes/Operating Systems/os-adwaita.yaml | 76 ++++++++++++++++ themes/Operating Systems/os-aero.yaml | 82 ++++++++++++++++++ themes/Operating Systems/os-amiga.yaml | 82 ++++++++++++++++++ themes/Operating Systems/os-beos.yaml | 80 +++++++++++++++++ themes/Operating Systems/os-breeze.yaml | 86 +++++++++++++++++++ themes/Operating Systems/os-chromeos.yaml | 85 ++++++++++++++++++ .../os-cupertino-graphite.yaml | 72 ++++++++++++++++ themes/Operating Systems/os-cupertino.yaml | 85 ++++++++++++++++++ themes/Operating Systems/os-elementary.yaml | 81 +++++++++++++++++ themes/Operating Systems/os-fluent-dark.yaml | 71 +++++++++++++++ themes/Operating Systems/os-fluent.yaml | 81 +++++++++++++++++ themes/Operating Systems/os-ios.yaml | 80 +++++++++++++++++ themes/Operating Systems/os-material-you.yaml | 80 +++++++++++++++++ themes/Operating Systems/os-nextstep.yaml | 84 ++++++++++++++++++ themes/Operating Systems/os-pop.yaml | 79 +++++++++++++++++ themes/Operating Systems/os-system-7.yaml | 84 ++++++++++++++++++ 16 files changed, 1288 insertions(+) create mode 100644 themes/Operating Systems/os-adwaita.yaml create mode 100644 themes/Operating Systems/os-aero.yaml create mode 100644 themes/Operating Systems/os-amiga.yaml create mode 100644 themes/Operating Systems/os-beos.yaml create mode 100644 themes/Operating Systems/os-breeze.yaml create mode 100644 themes/Operating Systems/os-chromeos.yaml create mode 100644 themes/Operating Systems/os-cupertino-graphite.yaml create mode 100644 themes/Operating Systems/os-cupertino.yaml create mode 100644 themes/Operating Systems/os-elementary.yaml create mode 100644 themes/Operating Systems/os-fluent-dark.yaml create mode 100644 themes/Operating Systems/os-fluent.yaml create mode 100644 themes/Operating Systems/os-ios.yaml create mode 100644 themes/Operating Systems/os-material-you.yaml create mode 100644 themes/Operating Systems/os-nextstep.yaml create mode 100644 themes/Operating Systems/os-pop.yaml create mode 100644 themes/Operating Systems/os-system-7.yaml diff --git a/themes/Operating Systems/os-adwaita.yaml b/themes/Operating Systems/os-adwaita.yaml new file mode 100644 index 0000000..ab8907d --- /dev/null +++ b/themes/Operating Systems/os-adwaita.yaml @@ -0,0 +1,76 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — os-adwaita +# GNOME / Adwaita feel. Warm near-white paper, soft window-bg chrome, +# the familiar Adwaita blue accent. Cantarell typeface throughout. + +# ────────────────────────────────── +# Colours — based on published libadwaita tokens +# light: window_bg_color #fafafa, view_bg #ffffff, accent #1c71d8 (blue 4), +# fg ~rgba(0,0,0,0.8), dim ~rgba(0,0,0,0.55) +# dark: window_bg_color #242424, view_bg #1e1e1e, accent #78aeed (blue 1) +# ────────────────────────────────── +light: + accent: "#1C71D8" + background: "#FFFFFF" + nav-background: "#FAFAFA" + text: "#202020" + text-muted: "#5E5C64" + +dark: + accent: "#78AEED" + background: "#1E1E1E" + nav-background: "#242424" + text: "#FFFFFF" + text-muted: "#C0BFBC" + +# ────────────────────────────────── +# Semantic colours — Adwaita "named colors": green-3, yellow-5, red-3 +# ────────────────────────────────── +colours-semantic: + info: "#1C71D8" + warning: "#E5A50A" + success: "#26A269" + error: "#C01C28" + +colours-semantic-dark: + info: "#78AEED" + warning: "#F8E45C" + success: "#57E389" + error: "#F66151" + +# ────────────────────────────────── +# Callout defaults +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1C71D8" + background-colour: "#1C71D8" + warning: + icon: warning + primary-colour: "#E5A50A" + background-colour: "#E5A50A" + success: + icon: success + primary-colour: "#26A269" + background-colour: "#26A269" + error: + icon: error + primary-colour: "#C01C28" + background-colour: "#C01C28" + +# ────────────────────────────────── +# Typography +# Cantarell is GNOME's UI typeface — humanist sans, slightly tall x-height. +# Available on Google Fonts. +# ────────────────────────────────── +font-body: "google:Cantarell:400" +font-heading: "google:Cantarell:700" +font-size: 1.00 +line-height: 1.65 + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Operating Systems/os-aero.yaml b/themes/Operating Systems/os-aero.yaml new file mode 100644 index 0000000..57bddd5 --- /dev/null +++ b/themes/Operating Systems/os-aero.yaml @@ -0,0 +1,82 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — os-aero +# Windows Vista / 7 "Aero Glass" feel. Pale glass-tinted blue chrome, +# translucent sidebar vibes, bright sky-blue accent. The desktop your +# laptop sweated to render in 2009. +# +# Colours approximated from the default Aero theme palette: +# accent (taskbar / button glow) #1A78D4 +# glass tint #B8D6F0 (frosted blue) +# window face #F0F4F9 +# text #1B1B1B +# Aero Dark / "Aero Black" variant uses the same accent over near-black. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1A78D4" + background: "#F4F9FE" + nav-background: "#B8D6F0" + text: "#1B1B1B" + text-muted: "#525E6E" + +dark: + accent: "#4FC3F7" + background: "#0F1A2A" + nav-background: "#1A2A40" + text: "#EAF2FC" + text-muted: "#8FA8C4" + +# ────────────────────────────────── +# Semantic colours — Vista/7 standard hues +# ────────────────────────────────── +colours-semantic: + info: "#1A78D4" + warning: "#E59400" + success: "#1E8C3F" + error: "#C42B1C" + +colours-semantic-dark: + info: "#4FC3F7" + warning: "#FFC74A" + success: "#7AD18F" + error: "#FF7A7A" + +# ────────────────────────────────── +# Callout defaults +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1A78D4" + background-colour: "#1A78D4" + warning: + icon: warning + primary-colour: "#E59400" + background-colour: "#E59400" + success: + icon: success + primary-colour: "#1E8C3F" + background-colour: "#1E8C3F" + error: + icon: error + primary-colour: "#C42B1C" + background-colour: "#C42B1C" + +# ────────────────────────────────── +# Typography +# Inter portable default. Preferred: Segoe UI (Vista/7 default — first +# Microsoft OS to ship it). Open Segoe-metric-compatible alternative: +# "Selawik". Drop your TTFs in /fonts and swap font-body / font-heading. +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Inter:600" +font-size: 1.00 +line-height: 1.55 + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Operating Systems/os-amiga.yaml b/themes/Operating Systems/os-amiga.yaml new file mode 100644 index 0000000..b802ecc --- /dev/null +++ b/themes/Operating Systems/os-amiga.yaml @@ -0,0 +1,82 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — os-amiga +# Workbench 1.3 revival. Iconic blue/orange/white/black on Workbench grey. +# Pixel-screen energy. The most idiosyncratic theme in the set. +# +# Original Workbench 1.x palette (4 colours, hardware-fixed): +# #0055AA blue (window chrome, background) +# #FFFFFF white +# #000000 black +# #FF8800 orange (highlights) +# 2.x onward added the warm grey #AAAAAA. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#FF8800" + background: "#FFFFFF" + nav-background: "#0055AA" + text: "#000000" + text-muted: "#555555" + +dark: + accent: "#FF8800" + background: "#0055AA" + nav-background: "#003D7A" + text: "#FFFFFF" + text-muted: "#AAC4E0" + +# ────────────────────────────────── +# Semantic colours +# ────────────────────────────────── +colours-semantic: + info: "#0055AA" + warning: "#FF8800" + success: "#00AA55" + error: "#CC0000" + +colours-semantic-dark: + info: "#7FB2E0" + warning: "#FFB04A" + success: "#7FD9A4" + error: "#FF6B6B" + +# ────────────────────────────────── +# Callout defaults +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#0055AA" + background-colour: "#0055AA" + warning: + icon: warning + primary-colour: "#FF8800" + background-colour: "#FF8800" + success: + icon: success + primary-colour: "#00AA55" + background-colour: "#00AA55" + error: + icon: error + primary-colour: "#CC0000" + background-colour: "#CC0000" + +# ────────────────────────────────── +# Typography +# VT323 portable default for the pixel-screen feel. +# Preferred for true Workbench-fidelity: "Topaz" or "Topaz New" (free +# pixel font replicas of the Amiga system font, widely available as TTF). +# For a more readable modern take, swap to "bunny:IBM Plex Mono:400". +# ────────────────────────────────── +font-body: "google:VT323:400" +font-heading: "google:VT323:400" +font-size: 1.15 +line-height: 1.45 + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 76em +nav-width: 20em diff --git a/themes/Operating Systems/os-beos.yaml b/themes/Operating Systems/os-beos.yaml new file mode 100644 index 0000000..134bf5f --- /dev/null +++ b/themes/Operating Systems/os-beos.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — os-beos +# BeOS / Haiku revival. Iconic yellow window tab, cream paper, +# navy text. The friendly weird desktop of 1996 that won't quit. +# +# Colours from Haiku's default "Beige" palette: +# panel background #DCDCDC +# document-tab yellow #FFCB00 +# text #000000 +# accent (link/button) #336699 navy + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#336699" + background: "#F8F8E8" + nav-background: "#FFCB00" + text: "#000000" + text-muted: "#4A4A3E" + +dark: + accent: "#FFCB00" + background: "#1A1A14" + nav-background: "#2A2515" + text: "#F8F8E8" + text-muted: "#A89E70" + +# ────────────────────────────────── +# Semantic colours +# ────────────────────────────────── +colours-semantic: + info: "#336699" + warning: "#CC7700" + success: "#3F8F3F" + error: "#B22222" + +colours-semantic-dark: + info: "#7FB2E0" + warning: "#FFCB00" + success: "#86C58B" + error: "#E07A7A" + +# ────────────────────────────────── +# Callout defaults +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#336699" + background-colour: "#336699" + warning: + icon: warning + primary-colour: "#CC7700" + background-colour: "#CC7700" + success: + icon: success + primary-colour: "#3F8F3F" + background-colour: "#3F8F3F" + error: + icon: error + primary-colour: "#B22222" + background-colour: "#B22222" + +# ────────────────────────────────── +# Typography +# Noto Sans is the portable default and Haiku's actual UI font. +# Preferred (BeOS original): Swis721 BT / "Be Sans" (proprietary, paid). +# DejaVu Sans is a very close free alternative. +# ────────────────────────────────── +font-body: "bunny:Noto Sans:400" +font-heading: "bunny:Noto Sans:700" +font-size: 1.00 +line-height: 1.55 + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Operating Systems/os-breeze.yaml b/themes/Operating Systems/os-breeze.yaml new file mode 100644 index 0000000..9160913 --- /dev/null +++ b/themes/Operating Systems/os-breeze.yaml @@ -0,0 +1,86 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — os-breeze +# KDE Plasma / Breeze feel. Cool neutral chrome, the famous Plasma blue +# accent. Breeze is intentionally subtle — light, low-saturation, with +# just a touch of cool grey. +# +# Colours from KDE's Breeze stylesheet (qss + colour scheme): +# accent (Highlight) #3DAEE9 +# view-background-color #FCFCFC +# window-background-color #EFF0F1 +# foreground (Text) #232629 +# foreground-inactive #7F8C8D +# Breeze Dark: +# view-background-color #1B1E20 +# window-background-color #232629 +# foreground #FCFCFC + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#3DAEE9" + background: "#FCFCFC" + nav-background: "#EFF0F1" + text: "#232629" + text-muted: "#7F8C8D" + +dark: + accent: "#3DAEE9" + background: "#1B1E20" + nav-background: "#232629" + text: "#FCFCFC" + text-muted: "#A1A9B1" + +# ────────────────────────────────── +# Semantic colours — Breeze "positive / neutral / negative" tones +# ────────────────────────────────── +colours-semantic: + info: "#3DAEE9" + warning: "#F67400" + success: "#27AE60" + error: "#DA4453" + +colours-semantic-dark: + info: "#61C1F0" + warning: "#F8A04A" + success: "#56C883" + error: "#ED7077" + +# ────────────────────────────────── +# Callout defaults +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#3DAEE9" + background-colour: "#3DAEE9" + warning: + icon: warning + primary-colour: "#F67400" + background-colour: "#F67400" + success: + icon: success + primary-colour: "#27AE60" + background-colour: "#27AE60" + error: + icon: error + primary-colour: "#DA4453" + background-colour: "#DA4453" + +# ────────────────────────────────── +# Typography +# Noto Sans is the portable default and KDE's current UI font. +# Preferred (classic Plasma 4 era): "Oxygen Sans" — open SIL-licensed, +# available on Google Fonts as "Oxygen". +# ────────────────────────────────── +font-body: "bunny:Noto Sans:400" +font-heading: "bunny:Noto Sans:600" +font-size: 1.00 +line-height: 1.6 + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Operating Systems/os-chromeos.yaml b/themes/Operating Systems/os-chromeos.yaml new file mode 100644 index 0000000..58d45ba --- /dev/null +++ b/themes/Operating Systems/os-chromeos.yaml @@ -0,0 +1,85 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — os-chromeos +# ChromeOS feel. Bright white shelf, soft Google-grey surface, +# Google Blue accent. Material-rooted but its own dialect. +# +# Colours from Google's public ChromeOS / Material reference: +# Google Blue 600 #1A73E8 (accent light) +# Google Blue 200 #8AB4F8 (accent dark) +# Surface #FFFFFF / #202124 +# Surface variant #F1F3F4 / #292A2D +# On-surface #202124 / #E8EAED + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#1A73E8" + background: "#FFFFFF" + nav-background: "#F1F3F4" + text: "#202124" + text-muted: "#5F6368" + +dark: + accent: "#8AB4F8" + background: "#202124" + nav-background: "#292A2D" + text: "#E8EAED" + text-muted: "#9AA0A6" + +# ────────────────────────────────── +# Semantic colours — Google standard hues +# Green 700 #1E8E3E / Green 300 #81C995 +# Yellow 700 #F29900 / Yellow 300 #FDD663 +# Red 600 #D93025 / Red 300 #F28B82 +# ────────────────────────────────── +colours-semantic: + info: "#1A73E8" + warning: "#F29900" + success: "#1E8E3E" + error: "#D93025" + +colours-semantic-dark: + info: "#8AB4F8" + warning: "#FDD663" + success: "#81C995" + error: "#F28B82" + +# ────────────────────────────────── +# Callout defaults +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1A73E8" + background-colour: "#1A73E8" + warning: + icon: warning + primary-colour: "#F29900" + background-colour: "#F29900" + success: + icon: success + primary-colour: "#1E8E3E" + background-colour: "#1E8E3E" + error: + icon: error + primary-colour: "#D93025" + background-colour: "#D93025" + +# ────────────────────────────────── +# Typography +# Roboto is the portable default and ChromeOS's body font. +# Preferred for headings: "Google Sans" (proprietary, restricted). +# Open near-equivalent for Google Sans display: "Product Sans" +# — also restricted; use Roboto for both and you'll be fine. +# ────────────────────────────────── +font-body: "bunny:Roboto:400" +font-heading: "bunny:Roboto:500" +font-size: 1.00 +line-height: 1.55 + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Operating Systems/os-cupertino-graphite.yaml b/themes/Operating Systems/os-cupertino-graphite.yaml new file mode 100644 index 0000000..9edd420 --- /dev/null +++ b/themes/Operating Systems/os-cupertino-graphite.yaml @@ -0,0 +1,72 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — os-cupertino-graphite +# Mac desktop, Graphite accent variant — for people who switch the system +# tint to "Graphite" because they're serious. Pure neutral chrome. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#6E6E73" + background: "#FFFFFF" + nav-background: "#F2F2F7" + text: "#1D1D1F" + text-muted: "#6E6E73" + +dark: + accent: "#98989D" + background: "#1E1E1E" + nav-background: "#2C2C2E" + text: "#F5F5F7" + text-muted: "#98989D" + +# ────────────────────────────────── +# Semantic colours +# ────────────────────────────────── +colours-semantic: + info: "#6E6E73" + warning: "#FF9500" + success: "#34C759" + error: "#FF3B30" + +colours-semantic-dark: + info: "#98989D" + warning: "#FF9F0A" + success: "#30D158" + error: "#FF453A" + +# ────────────────────────────────── +# Callout defaults +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#6E6E73" + background-colour: "#6E6E73" + warning: + icon: warning + primary-colour: "#FF9500" + background-colour: "#FF9500" + success: + icon: success + primary-colour: "#34C759" + background-colour: "#34C759" + error: + icon: error + primary-colour: "#FF3B30" + background-colour: "#FF3B30" + +# ────────────────────────────────── +# Typography +# Inter portable default. Preferred: SF Pro Text / SF Pro Display. +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Inter:600" +font-size: 1.00 +line-height: 1.55 + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Operating Systems/os-cupertino.yaml b/themes/Operating Systems/os-cupertino.yaml new file mode 100644 index 0000000..5eb1248 --- /dev/null +++ b/themes/Operating Systems/os-cupertino.yaml @@ -0,0 +1,85 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — os-cupertino +# Mac desktop feel. Bright white paper, light-platinum sidebar, +# vivid system blue accent. Dark mode goes near-black with brighter blue. +# +# Colours from Apple's publicly-documented system colour palette +# (developer.apple.com → Human Interface Guidelines → Color): +# systemBlue light #007AFF dark #0A84FF +# secondarySystemBackground (light) #F2F2F7 +# systemBackground (dark) #000000 +# secondarySystemBackground (dark) #1C1C1E + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#007AFF" + background: "#FFFFFF" + nav-background: "#F2F2F7" + text: "#1D1D1F" + text-muted: "#6E6E73" + +dark: + accent: "#0A84FF" + background: "#1E1E1E" + nav-background: "#2C2C2E" + text: "#F5F5F7" + text-muted: "#98989D" + +# ────────────────────────────────── +# Semantic colours — Apple system colours (light / dark) +# green #34C759 / #30D158 +# orange #FF9500 / #FF9F0A +# red #FF3B30 / #FF453A +# ────────────────────────────────── +colours-semantic: + info: "#007AFF" + warning: "#FF9500" + success: "#34C759" + error: "#FF3B30" + +colours-semantic-dark: + info: "#0A84FF" + warning: "#FF9F0A" + success: "#30D158" + error: "#FF453A" + +# ────────────────────────────────── +# Callout defaults +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#007AFF" + background-colour: "#007AFF" + warning: + icon: warning + primary-colour: "#FF9500" + background-colour: "#FF9500" + success: + icon: success + primary-colour: "#34C759" + background-colour: "#34C759" + error: + icon: error + primary-colour: "#FF3B30" + background-colour: "#FF3B30" + +# ────────────────────────────────── +# Typography +# Inter is the portable default — close metrics to SF. +# Preferred on Apple platforms: SF Pro Text (body), SF Pro Display (headings). +# Drop your own TTFs in /fonts and change font-body / font-heading to +# "local:SF Pro Text:400" etc. +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Inter:600" +font-size: 1.00 +line-height: 1.55 + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Operating Systems/os-elementary.yaml b/themes/Operating Systems/os-elementary.yaml new file mode 100644 index 0000000..6aec4d5 --- /dev/null +++ b/themes/Operating Systems/os-elementary.yaml @@ -0,0 +1,81 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — os-elementary +# elementary OS feel. Calm paper, "Slate" silver chrome, +# Blueberry-blue accent. Inter is their actual UI typeface (Inter Variable). +# +# Colours from elementary's published Stylesheet (Granite/Pantheon): +# Blueberry 500 #3689E6 (accent) +# Slate 100 #F4F4F4 / Slate 700 #333333 +# Strawberry/Lime/Banana/Cherry are the named semantic palette. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#3689E6" + background: "#FAFAFA" + nav-background: "#F4F4F4" + text: "#333333" + text-muted: "#7E8087" + +dark: + accent: "#64BAFF" + background: "#1A1A1A" + nav-background: "#262626" + text: "#FFFFFF" + text-muted: "#A6A6A6" + +# ────────────────────────────────── +# Semantic colours — elementary named palette +# Lime 500 #68B723 success +# Banana 500 #F9C440 warning +# Strawberry 500 #C6262E error +# Blueberry 500 #3689E6 info +# ────────────────────────────────── +colours-semantic: + info: "#3689E6" + warning: "#F9C440" + success: "#68B723" + error: "#C6262E" + +colours-semantic-dark: + info: "#64BAFF" + warning: "#FFD66B" + success: "#9BDB4D" + error: "#E14852" + +# ────────────────────────────────── +# Callout defaults +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#3689E6" + background-colour: "#3689E6" + warning: + icon: warning + primary-colour: "#F9C440" + background-colour: "#F9C440" + success: + icon: success + primary-colour: "#68B723" + background-colour: "#68B723" + error: + icon: error + primary-colour: "#C6262E" + background-colour: "#C6262E" + +# ────────────────────────────────── +# Typography +# Inter is elementary's actual UI typeface — used as-is. +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Inter:600" +font-size: 1.00 +line-height: 1.55 + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Operating Systems/os-fluent-dark.yaml b/themes/Operating Systems/os-fluent-dark.yaml new file mode 100644 index 0000000..0c834a3 --- /dev/null +++ b/themes/Operating Systems/os-fluent-dark.yaml @@ -0,0 +1,71 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — os-fluent-dark +# Windows 11 dark mica. Same accent system, dark-first defaults. + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#005FB8" + background: "#202020" + nav-background: "#2C2C2C" + text: "#FFFFFF" + text-muted: "#C7C7C7" + +dark: + accent: "#60CDFF" + background: "#1A1A1A" + nav-background: "#202020" + text: "#FFFFFF" + text-muted: "#C7C7C7" + +# ────────────────────────────────── +# Semantic colours +# ────────────────────────────────── +colours-semantic: + info: "#60CDFF" + warning: "#FCE100" + success: "#6CCB5F" + error: "#FF99A4" + +colours-semantic-dark: + info: "#60CDFF" + warning: "#FCE100" + success: "#6CCB5F" + error: "#FF99A4" + +# ────────────────────────────────── +# Callout defaults +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#60CDFF" + background-colour: "#60CDFF" + warning: + icon: warning + primary-colour: "#FCE100" + background-colour: "#FCE100" + success: + icon: success + primary-colour: "#6CCB5F" + background-colour: "#6CCB5F" + error: + icon: error + primary-colour: "#FF99A4" + background-colour: "#FF99A4" + +# ────────────────────────────────── +# Typography +# Inter portable default. Preferred: Segoe UI Variable / Selawik. +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Inter:600" +font-size: 1.00 +line-height: 1.55 + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Operating Systems/os-fluent.yaml b/themes/Operating Systems/os-fluent.yaml new file mode 100644 index 0000000..5ade995 --- /dev/null +++ b/themes/Operating Systems/os-fluent.yaml @@ -0,0 +1,81 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — os-fluent +# Windows 11 / Fluent feel. Cool near-white "Mica" paper, light gray sidebar, +# Windows accent blue. Dark mode uses the dark mica neutrals. +# +# Colours from Microsoft's public Fluent 2 design tokens: +# accent (light): #005FB8 accent (dark): #60CDFF +# neutralBackground1 light #F9F9F9 / sidebar #F3F3F3 +# neutralBackground1 dark #202020 / sidebar #2C2C2C +# neutralForeground1 light #1A1A1A / dark #FFFFFF + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#005FB8" + background: "#F9F9F9" + nav-background: "#F3F3F3" + text: "#1A1A1A" + text-muted: "#5C5C5C" + +dark: + accent: "#60CDFF" + background: "#202020" + nav-background: "#2C2C2C" + text: "#FFFFFF" + text-muted: "#C7C7C7" + +# ────────────────────────────────── +# Semantic colours — Fluent persona / shared colours +# ────────────────────────────────── +colours-semantic: + info: "#005FB8" + warning: "#9D5D00" + success: "#107C10" + error: "#C42B1C" + +colours-semantic-dark: + info: "#60CDFF" + warning: "#FCE100" + success: "#6CCB5F" + error: "#FF99A4" + +# ────────────────────────────────── +# Callout defaults +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#005FB8" + background-colour: "#005FB8" + warning: + icon: warning + primary-colour: "#9D5D00" + background-colour: "#9D5D00" + success: + icon: success + primary-colour: "#107C10" + background-colour: "#107C10" + error: + icon: error + primary-colour: "#C42B1C" + background-colour: "#C42B1C" + +# ────────────────────────────────── +# Typography +# Inter portable default. Preferred on Windows: Segoe UI Variable Text +# (body) / Segoe UI Variable Display (headings). Open alternatives: +# "Selawik" or "Selawik Semilight" (Microsoft's Segoe-metric-compatible +# release). Drop TTFs in /fonts and swap to "local:Segoe UI Variable:400". +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Inter:600" +font-size: 1.00 +line-height: 1.55 + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Operating Systems/os-ios.yaml b/themes/Operating Systems/os-ios.yaml new file mode 100644 index 0000000..72a5692 --- /dev/null +++ b/themes/Operating Systems/os-ios.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — os-ios +# iPhone feel. Crisp white paper, grouped-table grey sidebar, +# iOS system blue. Dark mode goes true-black like the OLED dark mode. +# +# Colours from Apple's iOS system colour palette: +# systemBlue light #007AFF / dark #0A84FF +# systemBackground light #FFFFFF / dark #000000 +# secondarySystemBackground light #F2F2F7 / dark #1C1C1E +# label light #000000 / dark #FFFFFF +# secondaryLabel light #3C3C43 60% / dark #EBEBF5 60% + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#007AFF" + background: "#FFFFFF" + nav-background: "#F2F2F7" + text: "#000000" + text-muted: "#8E8E93" + +dark: + accent: "#0A84FF" + background: "#000000" + nav-background: "#1C1C1E" + text: "#FFFFFF" + text-muted: "#8E8E93" + +# ────────────────────────────────── +# Semantic colours — iOS system colours +# ────────────────────────────────── +colours-semantic: + info: "#007AFF" + warning: "#FF9500" + success: "#34C759" + error: "#FF3B30" + +colours-semantic-dark: + info: "#0A84FF" + warning: "#FF9F0A" + success: "#30D158" + error: "#FF453A" + +# ────────────────────────────────── +# Callout defaults +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#007AFF" + background-colour: "#007AFF" + warning: + icon: warning + primary-colour: "#FF9500" + background-colour: "#FF9500" + success: + icon: success + primary-colour: "#34C759" + background-colour: "#34C759" + error: + icon: error + primary-colour: "#FF3B30" + background-colour: "#FF3B30" + +# ────────────────────────────────── +# Typography +# Inter portable default. Preferred on iOS: SF Pro Text (body), +# SF Pro Display (headings ≥20pt), SF Pro Rounded for friendly UI. +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Inter:600" +font-size: 1.00 +line-height: 1.5 + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Operating Systems/os-material-you.yaml b/themes/Operating Systems/os-material-you.yaml new file mode 100644 index 0000000..048885e --- /dev/null +++ b/themes/Operating Systems/os-material-you.yaml @@ -0,0 +1,80 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — os-material-you +# Android / Material 3 feel. Tonal-palette neutrals built on the M3 +# baseline purple (#6750A4). Pale lavender paper, soft surface chrome. +# +# Colours from the Material 3 baseline scheme: +# primary light #6750A4 / dark #D0BCFF +# surface light #FEF7FF / dark #141218 +# surface-container-low light #F7F2FA / dark #1D1B20 +# on-surface light #1D1B20 / dark #E6E0E9 +# on-surface-variant light #49454F / dark #CAC4D0 + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#6750A4" + background: "#FEF7FF" + nav-background: "#F7F2FA" + text: "#1D1B20" + text-muted: "#49454F" + +dark: + accent: "#D0BCFF" + background: "#141218" + nav-background: "#1D1B20" + text: "#E6E0E9" + text-muted: "#CAC4D0" + +# ────────────────────────────────── +# Semantic colours — M3 baseline error + standard tertiary/green/yellow +# ────────────────────────────────── +colours-semantic: + info: "#6750A4" + warning: "#9A6700" + success: "#386A20" + error: "#B3261E" + +colours-semantic-dark: + info: "#D0BCFF" + warning: "#EFBE6E" + success: "#A6D388" + error: "#F2B8B5" + +# ────────────────────────────────── +# Callout defaults +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#6750A4" + background-colour: "#6750A4" + warning: + icon: warning + primary-colour: "#9A6700" + background-colour: "#9A6700" + success: + icon: success + primary-colour: "#386A20" + background-colour: "#386A20" + error: + icon: error + primary-colour: "#B3261E" + background-colour: "#B3261E" + +# ────────────────────────────────── +# Typography +# Roboto is the portable default and the Material default. +# Preferred: Roboto Flex (variable) or Google Sans for headings. +# ────────────────────────────────── +font-body: "bunny:Roboto:400" +font-heading: "bunny:Roboto:500" +font-size: 1.00 +line-height: 1.55 + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Operating Systems/os-nextstep.yaml b/themes/Operating Systems/os-nextstep.yaml new file mode 100644 index 0000000..e458aef --- /dev/null +++ b/themes/Operating Systems/os-nextstep.yaml @@ -0,0 +1,84 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — os-nextstep +# NeXTSTEP / OPENSTEP revival. Cool 50% greys everywhere, jet-black +# title chrome, and the famous NeXT magenta as the accent. Heavy, +# considered, very 1989 Cube energy. +# +# Colours approximated from NeXTSTEP's 2-bit greyscale + colour passes: +# #555555 dark window chrome (title bars, scrollbar wells) +# #AAAAAA panel face (50% grey) +# #DDDDDD highlight +# #000000 ink +# #C72A86 NeXT magenta (used in logo + accents) + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#C72A86" + background: "#DDDDDD" + nav-background: "#555555" + text: "#000000" + text-muted: "#5A5A5A" + +dark: + accent: "#E579B5" + background: "#1A1A1A" + nav-background: "#000000" + text: "#DDDDDD" + text-muted: "#A0A0A0" + +# ────────────────────────────────── +# Semantic colours — kept restrained, in keeping with the grey-on-grey +# NeXTSTEP discipline. +# ────────────────────────────────── +colours-semantic: + info: "#3A6FA5" + warning: "#A06A00" + success: "#3E7A3E" + error: "#A02828" + +colours-semantic-dark: + info: "#88AED9" + warning: "#D9B36B" + success: "#86C58B" + error: "#E07A7A" + +# ────────────────────────────────── +# Callout defaults +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#3A6FA5" + background-colour: "#3A6FA5" + warning: + icon: warning + primary-colour: "#A06A00" + background-colour: "#A06A00" + success: + icon: success + primary-colour: "#3E7A3E" + background-colour: "#3E7A3E" + error: + icon: error + primary-colour: "#A02828" + background-colour: "#A02828" + +# ────────────────────────────────── +# Typography +# Inter portable default. NeXTSTEP used Helvetica system-wide. +# Preferred: "Helvetica Neue" (Apple system) — falls back to Inter. +# For the more brutalist OPENSTEP feel try "bunny:Helvetica:400" +# if you have it installed locally. +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Inter:700" +font-size: 1.00 +line-height: 1.55 + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 76em +nav-width: 20em diff --git a/themes/Operating Systems/os-pop.yaml b/themes/Operating Systems/os-pop.yaml new file mode 100644 index 0000000..7fd5b33 --- /dev/null +++ b/themes/Operating Systems/os-pop.yaml @@ -0,0 +1,79 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — os-pop +# Pop!_OS feel. Warm Cosmic-grey chrome, signature Pop orange accent. +# System76's GTK-rooted desktop with its own distinctive warmth. +# +# Colours from System76's public Pop palette: +# Pop Orange #FAA41A (primary accent) +# Cosmic Light bg #F2F2F2 / surface #FAFAFA +# Cosmic Dark bg #2D2D2D / surface #232323 +# Text light #181818 / dark #F2F2F2 + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#FAA41A" + background: "#FAFAFA" + nav-background: "#F2F2F2" + text: "#181818" + text-muted: "#5C5C5C" + +dark: + accent: "#FAA41A" + background: "#232323" + nav-background: "#2D2D2D" + text: "#F2F2F2" + text-muted: "#A8A8A8" + +# ────────────────────────────────── +# Semantic colours — Pop palette greens/yellows/reds with the warm cast +# ────────────────────────────────── +colours-semantic: + info: "#1B6091" + warning: "#FAA41A" + success: "#73C48F" + error: "#F15D22" + +colours-semantic-dark: + info: "#88B8DC" + warning: "#FFC664" + success: "#9BD7AF" + error: "#FF8A5C" + +# ────────────────────────────────── +# Callout defaults +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#1B6091" + background-colour: "#1B6091" + warning: + icon: warning + primary-colour: "#FAA41A" + background-colour: "#FAA41A" + success: + icon: success + primary-colour: "#73C48F" + background-colour: "#73C48F" + error: + icon: error + primary-colour: "#F15D22" + background-colour: "#F15D22" + +# ────────────────────────────────── +# Typography +# Fira Sans is the portable default and Pop!_OS's actual UI font. +# Available on Google Fonts. Pop also ships Fira Mono for code. +# ────────────────────────────────── +font-body: "bunny:Fira Sans:400" +font-heading: "bunny:Fira Sans:600" +font-size: 1.00 +line-height: 1.6 + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 78em +nav-width: 20em diff --git a/themes/Operating Systems/os-system-7.yaml b/themes/Operating Systems/os-system-7.yaml new file mode 100644 index 0000000..dbd3729 --- /dev/null +++ b/themes/Operating Systems/os-system-7.yaml @@ -0,0 +1,84 @@ +# mdcms v0.4 | DO NOT REMOVE THIS COMMENT +# mdcms theme — os-system-7 +# Classic Macintosh System 7 / early Mac OS. Black on white with the +# Platinum-grey window chrome that arrived around System 7.5. Very flat, +# very calm, very monochrome. +# +# Colours: +# #FFFFFF paper (white) +# #DDDDDD Platinum window chrome +# #000000 ink (1-bit Mac heritage) +# #B0B0B0 shadow grey + +# ────────────────────────────────── +# Colours +# ────────────────────────────────── +light: + accent: "#000000" + background: "#FFFFFF" + nav-background: "#DDDDDD" + text: "#000000" + text-muted: "#555555" + +dark: + accent: "#FFFFFF" + background: "#1A1A1A" + nav-background: "#262626" + text: "#FFFFFF" + text-muted: "#A0A0A0" + +# ────────────────────────────────── +# Semantic colours — restrained, since System 7 was a 1-bit interface +# until colour Macs. Kept muted and "drawn-in-MacPaint". +# ────────────────────────────────── +colours-semantic: + info: "#000000" + warning: "#7A5A00" + success: "#1F5A1F" + error: "#8B0000" + +colours-semantic-dark: + info: "#FFFFFF" + warning: "#E5C36B" + success: "#7FB87F" + error: "#E08585" + +# ────────────────────────────────── +# Callout defaults +# ────────────────────────────────── +callouts: + info: + icon: info + primary-colour: "#000000" + background-colour: "#000000" + warning: + icon: warning + primary-colour: "#7A5A00" + background-colour: "#7A5A00" + success: + icon: success + primary-colour: "#1F5A1F" + background-colour: "#1F5A1F" + error: + icon: error + primary-colour: "#8B0000" + background-colour: "#8B0000" + +# ────────────────────────────────── +# Typography +# Inter portable default. Preferred for true System 7 fidelity: +# "ChicagoFLF" (free Chicago revival, body) for headings +# "Geneva" (system) for body — or any free Geneva-alike like +# "Charcoal CY" or "ArkPixel". +# For an authentic 1-bit look, try a pixel font like "VT323". +# ────────────────────────────────── +font-body: "bunny:Inter:400" +font-heading: "bunny:Inter:700" +font-size: 1.00 +line-height: 1.6 + +# ────────────────────────────────── +# Layout +# ────────────────────────────────── +main-width: 76em +nav-width: 20em