diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index 6678fd5ad..0eade8b7e 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -8,12 +8,12 @@ } .md-typeset h1 { - color: #ffec3d; + color: var(--md-accent-fg-color); } .md-typeset h1, .md-typeset h2, .md-typeset h3, .md-typeset h4, .md-typeset h5, .md-typeset h6 { font-family: 'Dosis', sans-serif; font-weight: 500; - color: #ffec3d; + color: var(--md-accent-fg-color); } .md-typeset p { @@ -22,7 +22,7 @@ } :root > * { - --md-code-hl-string-color: #ffec3d; + --md-code-hl-string-color: var(--md-accent-fg-color); } .md-header__button.md-logo { diff --git a/mkdocs.yml b/mkdocs.yml index a14708f64..e5bfcf77a 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -12,9 +12,24 @@ theme: code: JetBrains Mono palette: - primary: yellow - accent: yellow - scheme: slate + # Palette toggle for light mode + - scheme: slate + primary: yellow + accent: yellow + + toggle: + icon: material/brightness-7 + name: Switch to dark mode + + # Palette toggle for dark mode + - scheme: default + primary: yellow + accent: orange + toggle: + icon: material/brightness-4 + name: Switch to light mode + + icon: edit: material/pencil