42 lines
1006 B
HTML
42 lines
1006 B
HTML
<button
|
|
type="button"
|
|
class="theme-toggle"
|
|
aria-label="Toggle dark mode"
|
|
data-theme-toggle
|
|
>
|
|
<span data-theme-icon-light style="display: none">
|
|
<!-- Sun icon -->
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
class="h-4 w-4"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="1.5"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<circle cx="12" cy="12" r="4" />
|
|
<path
|
|
d="M12 3v2m0 14v2m9-9h-2M5 12H3m15.364-6.364-1.414 1.414M8.05 15.95l-1.414 1.414m0-11.314L8.05 8.05m9.9 9.9-1.414-1.414"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
|
|
<span data-theme-icon-dark>
|
|
<!-- Moon icon -->
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
class="h-4 w-4"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="1.5"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<path d="M21 12.79A9 9 0 0 1 12.21 3 7 7 0 1 0 21 12.79z" />
|
|
</svg>
|
|
</span>
|
|
</button>
|