forked from drowl87/hextra_mirror
20 lines
959 B
HTML
20 lines
959 B
HTML
{{- $hideLabel := .hideLabel | default false -}}
|
|
|
|
{{- $changeTheme := (T "changeTheme") | default "Change theme" -}}
|
|
|
|
|
|
<button
|
|
title="{{ $changeTheme }}"
|
|
data-theme="light"
|
|
class="theme-toggle group h-7 rounded-md px-2 text-left text-xs font-medium text-gray-600 transition-colors dark:text-gray-400 hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-primary-100/5 dark:hover:text-gray-50"
|
|
type="button"
|
|
aria-label="Toggle Dark Mode"
|
|
>
|
|
<div class="flex items-center gap-2 capitalize">
|
|
{{- partial "utils/icon.html" (dict "name" "sun" "attributes" "height=12 class=\"group-data-[theme=light]:hidden\"") -}}
|
|
{{- if not $hideLabel }}<span class="group-data-[theme=light]:hidden">Light</span>{{ end -}}
|
|
{{- partial "utils/icon.html" (dict "name" "moon" "attributes" "height=12 class=\"group-data-[theme=dark]:hidden\"") -}}
|
|
{{- if not $hideLabel }}<span class="group-data-[theme=dark]:hidden">Dark</span>{{ end -}}
|
|
</div>
|
|
</button>
|