Handle theme selector

Orange-OpenSource · Dec 27, 2023 · 3526bb3 · 3526bb3
1 parent e240440
commit 3526bb3
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/site/content/docs/5.3/examples/navbar-mode-selector/index.html b/site/content/docs/5.3/examples/navbar-mode-selector/index.html
@@ -1,18 +1,34 @@
 ---
 layout: examples
 title: Navbar with mode selector
+theme_selector: false
 aliases:
   - "/examples/navbar-mode-selector"
   - "/docs/examples/navbar-mode-selector"
 ---
 
+<svg xmlns="http://www.w3.org/2000/svg" class="d-none">
+  <symbol viewBox="0 0 1000 1000" id="check2" >
+    <path d="M729.667 250 396.333 583.333l-125-125L188 541.667l125 125L396.333 750l83.334-83.333L813 333.333z"/>
+  </symbol>
+  <symbol viewBox="0 0 1000 1000" id="ui-auto-mode">
+    <path d="M500 75C265.3 75 75 265.5 75 500.5S265.3 926 500 926s425-190.5 425-425.5S734.7 75 500 75m0 775V150c192.6.9 350 157.5 350 350.5S692.6 849.1 500 850"/>
+  </symbol>
+  <symbol viewBox="0 0 1000 1000" id="ui-dark-mode">
+    <path d="M675 649.88c-179.493 0-325-145.57-325-325.141A324.478 324.478 0 0 1 465.721 76C247.03 93.463 75 276.537 75 499.815 75 734.638 265.279 925 500 925c223.181 0 406.175-172.106 423.63-390.891A324.222 324.222 0 0 1 675 649.88Z"/>
+  </symbol>
+  <symbol viewBox="0 0 1000 1000" id="ui-light-mode">
+    <path d="M287.868 712.132a25.073 25.073 0 0 0-35.355 0l-53.033 53.033a25 25 0 0 0 35.355 35.355l53.033-53.033a25.073 25.073 0 0 0 0-35.355Zm424.264-424.264a25.073 25.073 0 0 0 35.355 0l53.033-53.033a25 25 0 0 0-35.355-35.355l-53.033 53.033a25.073 25.073 0 0 0 0 35.355Zm35.355 424.264a25.073 25.073 0 0 0-35.355 0 25.073 25.073 0 0 0 0 35.355l53.033 53.033a25 25 0 0 0 35.355-35.355ZM252.513 287.868a25.073 25.073 0 0 0 35.355 0 25.073 25.073 0 0 0 0-35.355l-53.033-53.033a25 25 0 0 0-35.355 35.355ZM200 500a25.073 25.073 0 0 0-25-25h-75a25 25 0 0 0 0 50h75a25.073 25.073 0 0 0 25-25Zm700-25h-75a25 25 0 0 0 0 50h75a25 25 0 0 0 0-50ZM500 800a25.073 25.073 0 0 0-25 25v75a25 25 0 0 0 50 0v-75a25.073 25.073 0 0 0-25-25Zm0-600a25.073 25.073 0 0 0 25-25v-75a25 25 0 0 0-50 0v75a25.073 25.073 0 0 0 25 25Zm0 50c-138.071 0-250 111.929-250 250s111.929 250 250 250 250-111.929 250-250-111.929-250-250-250Z"/>
+  </symbol>
+</svg>
+
 <main>
   <h1 class="visually-hidden">Navbar containing a mode selector</h1>
   <header class="sticky-top" data-bs-theme="dark">
     {{< orange-supra mode="languages" aria_label="Supra navigation - Mode selector example" >}}
     {{< /orange-supra >}}
 
-    {{< orange-global-headers id="global-header-1" mode="theme" demo=true aria_label="Global navigation - Mode selector example">}}
+    {{< orange-global-headers id="global-header-1" mode="theme" supra=true demo=true aria_label="Global navigation - Mode selector example">}}
     {{< /orange-global-headers >}}
   </header>
   <div class="container-xxl pt-4">