From 88a439f7573e86b9378f169413acee87ec25912b Mon Sep 17 00:00:00 2001 From: Artur Shiriev Date: Tue, 16 Jun 2026 19:35:26 +0300 Subject: [PATCH] docs: adopt org logo, favicon, and brand palette Match modern-python.org: white wordmark logo top-left, mark favicon, forest-green Material palette. Co-Authored-By: Claude Opus 4.8 (1M context) --- docs/assets/modern-python-mark.svg | 1 + docs/assets/modern-python-white.svg | 1 + docs/css/brand.css | 17 +++++++++++++++++ mkdocs.yml | 11 +++++++---- 4 files changed, 26 insertions(+), 4 deletions(-) create mode 100644 docs/assets/modern-python-mark.svg create mode 100644 docs/assets/modern-python-white.svg create mode 100644 docs/css/brand.css diff --git a/docs/assets/modern-python-mark.svg b/docs/assets/modern-python-mark.svg new file mode 100644 index 0000000..e441c2a --- /dev/null +++ b/docs/assets/modern-python-mark.svg @@ -0,0 +1 @@ + diff --git a/docs/assets/modern-python-white.svg b/docs/assets/modern-python-white.svg new file mode 100644 index 0000000..77b32d8 --- /dev/null +++ b/docs/assets/modern-python-white.svg @@ -0,0 +1 @@ + diff --git a/docs/css/brand.css b/docs/css/brand.css new file mode 100644 index 0000000..5c95b6f --- /dev/null +++ b/docs/css/brand.css @@ -0,0 +1,17 @@ +/* Brand palette — forest green sampled from the org logo (#356852) */ +:root > * { + --md-primary-fg-color: #356852; + --md-primary-fg-color--light: #4a8a6e; + --md-primary-fg-color--dark: #234738; + --md-accent-fg-color: #c98a00; +} + +/* Dark scheme keeps the same brand hue; lighter green for body links so they + stay AA-readable on the dark background. */ +[data-md-color-scheme="slate"] { + --md-primary-fg-color: #356852; + --md-primary-fg-color--light: #4a8a6e; + --md-primary-fg-color--dark: #234738; + --md-accent-fg-color: #e0a300; + --md-typeset-a-color: #7fb79f; +} diff --git a/mkdocs.yml b/mkdocs.yml index bdb634c..5d32ee2 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -14,6 +14,8 @@ nav: - Free bootstrapper: integrations/free.md theme: name: material + logo: assets/modern-python-white.svg + favicon: assets/modern-python-mark.svg features: - content.code.copy - content.code.annotate @@ -33,15 +35,15 @@ theme: palette: - media: "(prefers-color-scheme: light)" scheme: default - primary: black - accent: pink + primary: custom + accent: custom toggle: icon: material/brightness-7 name: Switch to dark mode - media: "(prefers-color-scheme: dark)" scheme: slate - primary: black - accent: pink + primary: custom + accent: custom toggle: icon: material/brightness-4 name: Switch to system preference @@ -66,6 +68,7 @@ markdown_extensions: extra_css: - css/code.css + - css/brand.css extra: social: