mirror of
https://github.com/imfing/hextra.git
synced 2025-05-13 07:48:37 -04:00
29 lines
1.3 KiB
HTML
29 lines
1.3 KiB
HTML
{{- $navbar := .navbar | default false -}}
|
|
{{- $height_px := 12 -}}
|
|
{{- $height_tw := "hx-text-xs" -}}
|
|
{{- if $navbar -}}
|
|
{{- $height_px = 24 -}}
|
|
{{- $height_tw = "hx-text-sm" -}}
|
|
{{- end -}}
|
|
{{- $hideLabel := .hideLabel | default false -}}
|
|
|
|
{{- $changeTheme := (T "changeTheme") | default "Change theme" -}}
|
|
{{- $light := (T "light") | default "Light" -}}
|
|
{{- $dark := (T "dark") | default "Dark" -}}
|
|
|
|
|
|
<button
|
|
title="{{ $changeTheme }}"
|
|
data-theme="light"
|
|
class="theme-toggle hx-group hx-h-7 hx-rounded-md hx-px-2 hx-text-left {{ $height_tw }} hx-font-medium hx-text-gray-600 hx-transition-colors dark:hx-text-gray-400 hover:hx-bg-gray-100 hover:hx-text-gray-900 dark:hover:hx-bg-primary-100/5 dark:hover:hx-text-gray-50"
|
|
type="button"
|
|
aria-label="{{ $changeTheme }}"
|
|
>
|
|
<div class="hx-flex hx-items-center hx-gap-2 hx-capitalize">
|
|
{{- partial "utils/icon.html" (dict "name" "sun" "attributes" (printf "height=%d class=\"group-data-[theme=light]:hx-hidden\"" $height_px)) -}}
|
|
{{- if not $hideLabel }}<span class="group-data-[theme=light]:hx-hidden">{{ $light }}</span>{{ end -}}
|
|
{{- partial "utils/icon.html" (dict "name" "moon" "attributes" (printf "height=%d class=\"group-data-[theme=dark]:hx-hidden\"" $height_px)) -}}
|
|
{{- if not $hideLabel }}<span class="group-data-[theme=dark]:hx-hidden">{{ $dark }}</span>{{ end -}}
|
|
</div>
|
|
</button>
|