mirror of
https://tangled.org/evan.jarrett.net/at-container-registry
synced 2026-09-28 13:05:34 +00:00
31 lines
1.3 KiB
HTML
31 lines
1.3 KiB
HTML
{{ define "nav-theme-toggle" }}
|
|
<details class="dropdown dropdown-end">
|
|
<summary id="theme-toggle-btn" class="btn btn-ghost btn-circle list-none" aria-label="Theme settings">
|
|
<i data-lucide="sun" id="theme-icon" class="size-5"></i>
|
|
</summary>
|
|
<ul id="theme-dropdown-menu" class="dropdown-content menu bg-base-100 text-base-content rounded-box z-50 w-40 p-2 shadow-lg">
|
|
<li>
|
|
<button type="button" class="theme-option" data-value="system">
|
|
<i data-lucide="sun-moon" class="size-4"></i>
|
|
<span>System</span>
|
|
<i data-lucide="check" class="size-4 ml-auto text-primary theme-check invisible"></i>
|
|
</button>
|
|
</li>
|
|
<li>
|
|
<button type="button" class="theme-option" data-value="light">
|
|
<i data-lucide="sun" class="size-4"></i>
|
|
<span>Light</span>
|
|
<i data-lucide="check" class="size-4 ml-auto text-primary theme-check invisible"></i>
|
|
</button>
|
|
</li>
|
|
<li>
|
|
<button type="button" class="theme-option" data-value="dark">
|
|
<i data-lucide="moon" class="size-4"></i>
|
|
<span>Dark</span>
|
|
<i data-lucide="check" class="size-4 ml-auto text-primary theme-check invisible"></i>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</details>
|
|
{{ end }}
|