From c4590074b4436cd6715e318138a14e20cba454c9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?nils=20m=C3=A5s=C3=A9n?= Date: Fri, 14 Oct 2022 13:33:36 +0200 Subject: [PATCH] docs: add containrrr-dark color scheme --- docs/stylesheets/theme.css | 51 ++++++++++++++++++++++++++++++++++++-- mkdocs.yml | 2 +- 2 files changed, 50 insertions(+), 3 deletions(-) diff --git a/docs/stylesheets/theme.css b/docs/stylesheets/theme.css index 29344ba..06dca3c 100644 --- a/docs/stylesheets/theme.css +++ b/docs/stylesheets/theme.css @@ -4,10 +4,57 @@ --md-primary-fg-color--dark: #003343; --md-accent-fg-color: #003343; --md-accent-fg-color--transparent: #00334310; + + --md-typeset-a-color: var(--md-primary-fg-color); } -[data-md-color-scheme="slate"] { - --md-typeset-a-color: #7f9ece; +[data-md-color-scheme="containrrr-dark"] { + --md-hue: 199; + + --md-primary-fg-color: hsl(199, 27%, 35%); + --md-primary-fg-color--contrast: hsl(199, 45%, 65%); + --md-primary-fg-color--light:hsl(198, 19%, 73%); + --md-primary-fg-color--dark: #003343; + --md-accent-fg-color: hsl(194, 45%, 50%); + --md-accent-fg-color--transparent: hsla(194, 45%, 50%, 0.063); + + --md-default-fg-color: hsla(var(--md-hue),75%,95%,1); + --md-default-fg-color--light: hsla(var(--md-hue),75%,90%,0.62); + --md-default-fg-color--lighter: hsla(var(--md-hue),75%,90%,0.32); + --md-default-fg-color--lightest: hsla(var(--md-hue),75%,90%,0.12); + --md-default-bg-color: hsla(var(--md-hue),15%,21%,1); + --md-default-bg-color--light: hsla(var(--md-hue),15%,21%,0.54); + --md-default-bg-color--lighter: hsla(var(--md-hue),15%,21%,0.26); + --md-default-bg-color--lightest: hsla(var(--md-hue),15%,21%,0.07); + --md-code-fg-color: hsla(var(--md-hue),18%,86%,1); + --md-code-bg-color: hsla(var(--md-hue),15%,15%,1); + --md-code-hl-color: rgba(66,135,255,.15); + --md-code-hl-number-color: hsl(346, 74%, 63%); + --md-code-hl-special-color: hsl(320, 83%, 66%); + --md-code-hl-function-color: hsl(271, 57%, 65%); + --md-code-hl-constant-color: hsl(230, 62%, 70%); + --md-code-hl-keyword-color: hsl(199, 33%, 64%); + --md-code-hl-string-color: hsl(50, 34%, 74%); + --md-code-hl-name-color: var(--md-code-fg-color); + --md-code-hl-operator-color: var(--md-default-fg-color--light); + --md-code-hl-punctuation-color: var(--md-default-fg-color--light); + --md-code-hl-comment-color: var(--md-default-fg-color--light); + --md-code-hl-generic-color: var(--md-default-fg-color--light); + --md-code-hl-variable-color: hsl(241 22% 60%); + --md-typeset-color: var(--md-default-fg-color); + --md-typeset-a-color: var(--md-primary-fg-color--contrast); + --md-typeset-mark-color: rgba(66,135,255,.3); + --md-typeset-kbd-color: hsla(var(--md-hue),15%,94%,0.12); + --md-typeset-kbd-accent-color: hsla(var(--md-hue),15%,94%,0.2); + --md-typeset-kbd-border-color: hsla(var(--md-hue),15%,14%,1); + --md-typeset-table-color: hsla(var(--md-hue),75%,95%,0.12); + --md-admonition-fg-color: var(--md-default-fg-color); + --md-admonition-bg-color: var(--md-default-bg-color); + --md-footer-bg-color: hsla(var(--md-hue),15%,12%,0.87); + --md-footer-bg-color--dark: hsla(var(--md-hue),15%,10%,1); + --md-shadow-z1: 0 0.2rem 0.5rem rgba(0,0,0,.2),0 0 0.05rem rgba(0,0,0,.1); + --md-shadow-z2: 0 0.2rem 0.5rem rgba(0,0,0,.3),0 0 0.05rem rgba(0,0,0,.25); + --md-shadow-z3: 0 0.2rem 0.5rem rgba(0,0,0,.4),0 0 0.05rem rgba(0,0,0,.35) } .md-header-nav__button.md-logo { diff --git a/mkdocs.yml b/mkdocs.yml index ed4ffd2..f87708f 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -11,7 +11,7 @@ theme: icon: material/weather-night name: Switch to dark mode - media: "(prefers-color-scheme: dark)" - scheme: slate + scheme: containrrr-dark toggle: icon: material/weather-sunny name: Switch to light mode