From 59554964145eb842f0fd147a8d44791a9264afa7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micka=C3=ABl=20Canouil?= <8896044+mcanouil@users.noreply.github.com> Date: Wed, 23 Apr 2025 23:46:29 +0200 Subject: [PATCH] style sun/moon toggle for light/dark mode --- .../html/bootstrap/_bootstrap-rules.scss | 24 +++++++++---------- 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/src/resources/formats/html/bootstrap/_bootstrap-rules.scss b/src/resources/formats/html/bootstrap/_bootstrap-rules.scss index 2aa81b39685..1533fa51345 100644 --- a/src/resources/formats/html/bootstrap/_bootstrap-rules.scss +++ b/src/resources/formats/html/bootstrap/_bootstrap-rules.scss @@ -1642,19 +1642,27 @@ div.callout.callout-style-default > .callout-header { } .navbar .quarto-color-scheme-toggle:not(.alternate) .bi::before { - background-image: url('data:image/svg+xml,'); + background-image: url('data:image/svg+xml,'); } .navbar .quarto-color-scheme-toggle.alternate .bi::before { - background-image: url('data:image/svg+xml,'); + background-image: url('data:image/svg+xml,'); } .sidebar-navigation .quarto-color-scheme-toggle:not(.alternate) .bi::before { - background-image: url('data:image/svg+xml,'); + background-image: url('data:image/svg+xml,'); } .sidebar-navigation .quarto-color-scheme-toggle.alternate .bi::before { - background-image: url('data:image/svg+xml,'); + background-image: url('data:image/svg+xml,'); +} + +.top-right.quarto-color-scheme-toggle:not(.alternate) .bi::before { + background-image: url('data:image/svg+xml,'); +} + +.top-right.quarto-color-scheme-toggle.alternate .bi::before { + background-image: url('data:image/svg+xml,'); } // sidebar handling @@ -1745,14 +1753,6 @@ nav[role="doc-toc"].slow > * { transition: opacity 0.4s ease, border 0.4s ease; } -.quarto-color-scheme-toggle:not(.alternate).top-right .bi::before { - background-image: url('data:image/svg+xml,'); -} - -.quarto-color-scheme-toggle.alternate.top-right .bi::before { - background-image: url('data:image/svg+xml,'); -} - // Quarto Appendix Treatment #quarto-appendix.default { border-top: 1px solid $border-color;