From 93da564fe2b117c2d8618a1878e10fb458cd0192 Mon Sep 17 00:00:00 2001
From: rustdesk <info@rustdesk.com>
Date: Sun, 15 Jun 2025 04:05:22 +0800
Subject: [PATCH] bigger toggle

---
 layouts/partials/theme-toggle.html | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 layouts/partials/theme-toggle.html

diff --git a/layouts/partials/theme-toggle.html b/layouts/partials/theme-toggle.html
new file mode 100644
index 0000000..cb09b14
--- /dev/null
+++ b/layouts/partials/theme-toggle.html
@@ -0,0 +1,21 @@
+{{- $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:cursor-pointer hx:group hx:h-7 hx:rounded-md hx:px-2 hx:text-left hx:text-xs hx:font-medium hx:text-gray-600 hx:transition-colors hx:dark:text-gray-400 hx:hover:bg-gray-100 hx:hover:text-gray-900 hx:dark:hover:bg-primary-100/5 hx:dark:hover: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" "height=20 class=\"hx:group-data-[theme=light]:hidden\"") -}}
+    {{- if not $hideLabel }}<span class="hx:group-data-[theme=light]:hidden">{{ $light }}</span>{{ end -}}
+    {{- partial "utils/icon.html" (dict "name" "moon" "attributes" "height=20 class=\"hx:group-data-[theme=dark]:hidden\"") -}}
+    {{- if not $hideLabel }}<span class="hx:group-data-[theme=dark]:hidden">{{ $dark }}</span>{{ end -}}
+  </div>
+</button>
\ No newline at end of file