summaryrefslogtreecommitdiffstats
path: root/site/layouts/_default/examples.html
diff options
context:
space:
mode:
Diffstat (limited to 'site/layouts/_default/examples.html')
-rw-r--r--site/layouts/_default/examples.html11
1 files changed, 8 insertions, 3 deletions
diff --git a/site/layouts/_default/examples.html b/site/layouts/_default/examples.html
index 11759a2..e99c697 100644
--- a/site/layouts/_default/examples.html
+++ b/site/layouts/_default/examples.html
@@ -89,9 +89,14 @@
--bs-btn-active-bg: #5a23c8;
--bs-btn-active-border-color: #5a23c8;
}
+
.bd-mode-toggle {
z-index: 1500;
}
+
+ .bd-mode-toggle .dropdown-menu .active .bi {
+ display: block !important;
+ }
</style>
{{ range .Page.Params.extra_css }}
@@ -129,21 +134,21 @@
<ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text">
<li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
- <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em"><use href="#sun-fill"></use></svg>
+ <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#sun-fill"></use></svg>
Light
<svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
</button>
</li>
<li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
- <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em"><use href="#moon-stars-fill"></use></svg>
+ <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#moon-stars-fill"></use></svg>
Dark
<svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
</button>
</li>
<li>
<button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
- <svg class="bi me-2 opacity-50 theme-icon" width="1em" height="1em"><use href="#circle-half"></use></svg>
+ <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#circle-half"></use></svg>
Auto
<svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
</button>