From c438cac4e8a4c12f12794d014f58cab1b3f5b38f Mon Sep 17 00:00:00 2001 From: lexi Date: Sat, 21 May 2022 20:25:41 -0500 Subject: [PATCH] Change the light switch (sun/moon) (#1289) --- docs/stylesheets/extra.css | 8 +++++++- mkdocs.yml | 4 ++-- 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index 1c2c05cf..f5acc512 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -151,7 +151,7 @@ h1, h2, h3, .md-header__topic { width: 22px; } -/* Unsticky sidebar without JS */ +/* Un-sticky sidebar without JS */ .no-js .md-sidebar { align-self: auto; } @@ -197,3 +197,9 @@ h1, h2, h3, .md-header__topic { .pg-blue-gray { color: #546d78; } + +/* Make light/dark mode icon smaller */ +label[class="md-header__button md-icon"] svg { + height: 1rem; + width: 1rem; +} diff --git a/mkdocs.yml b/mkdocs.yml index f2067162..84ed10f6 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -64,13 +64,13 @@ theme: scheme: default accent: deep purple toggle: - icon: material/toggle-switch-off-outline + icon: octicons/moon-16 name: Switch to dark mode - media: "(prefers-color-scheme: dark)" scheme: slate accent: deep purple toggle: - icon: material/toggle-switch + icon: octicons/sun-16 name: Switch to light mode watch: - theme