From ebdaf0fd4ac96fa25ea130726f5ed5d8924e49fb Mon Sep 17 00:00:00 2001
From: "Jason A. Dour" <10261648+jason-dour@users.noreply.github.com>
Date: Sat, 16 Nov 2024 17:44:16 -0500
Subject: [PATCH 1/3] Implement theme toggle in navbar. - Add additional logic
 for navbar partial. - Uses a menu item params.type of `theme-toggle`. - Uses
 additional params.hideLabel boolean to set hideLabel for the
 theme-toggle.html partial.

---
 layouts/partials/navbar.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index 3a6bcbb..a3d60c1 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -31,6 +31,8 @@
     {{- range .Site.Menus.main -}}
       {{- if eq .Params.type "search" -}}
         {{- partial "search.html" (dict "params" .Params) -}}
+      {{- else if eq .Params.type "theme-toggle" -}}
+        {{- partial "theme-toggle.html" (dict "hideLabel" (.Params.hideLabel | default true)) -}}
       {{- else -}}
         {{- $link := .URL -}}
         {{- $external := strings.HasPrefix $link "http" -}}
@@ -67,4 +69,4 @@
       {{- partial "utils/icon.html" (dict "name" "hamburger-menu" "attributes" "height=24") -}}
     </button>
   </nav>
-</div>
+</div>
\ No newline at end of file

From 5c0698c3c0f83d9ff08f2f1be31acb656c6a0d94 Mon Sep 17 00:00:00 2001
From: "Jason A. Dour" <10261648+jason-dour@users.noreply.github.com>
Date: Sat, 16 Nov 2024 18:34:30 -0500
Subject: [PATCH 2/3] Fix icon size in navbar theme toggle. - Add navbar
 boolean to theme-toggle partial arguments. - Add logic in theme-toggle to set
 icon size based on navbar boolean.

---
 layouts/partials/navbar.html       | 2 +-
 layouts/partials/theme-toggle.html | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index a3d60c1..b709001 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -32,7 +32,7 @@
       {{- if eq .Params.type "search" -}}
         {{- partial "search.html" (dict "params" .Params) -}}
       {{- else if eq .Params.type "theme-toggle" -}}
-        {{- partial "theme-toggle.html" (dict "hideLabel" (.Params.hideLabel | default true)) -}}
+        {{- partial "theme-toggle.html" (dict "navbar" true "hideLabel" (.Params.hideLabel | default true)) -}}
       {{- else -}}
         {{- $link := .URL -}}
         {{- $external := strings.HasPrefix $link "http" -}}
diff --git a/layouts/partials/theme-toggle.html b/layouts/partials/theme-toggle.html
index 6a939b5..ddb6419 100644
--- a/layouts/partials/theme-toggle.html
+++ b/layouts/partials/theme-toggle.html
@@ -1,3 +1,6 @@
+{{- $navbar := .navbar | default false -}}
+{{- $height := 12 -}}
+{{- if $navbar -}}{{- $height = 24 -}}{{- end -}}
 {{- $hideLabel := .hideLabel | default false -}}
 
 {{- $changeTheme := (T "changeTheme") | default "Change theme" -}}
@@ -13,9 +16,9 @@
   aria-label="{{ $changeTheme }}"
 >
   <div class="hx-flex hx-items-center hx-gap-2 hx-capitalize">
-    {{- partial "utils/icon.html" (dict "name" "sun" "attributes" "height=12 class=\"group-data-[theme=light]:hx-hidden\"") -}}
+    {{- partial "utils/icon.html" (dict "name" "sun" "attributes" (printf "height=%d class=\"group-data-[theme=light]:hx-hidden\"" $height)) -}}
     {{- if not $hideLabel }}<span class="group-data-[theme=light]:hx-hidden">{{ $light }}</span>{{ end -}}
-    {{- partial "utils/icon.html" (dict "name" "moon" "attributes" "height=12 class=\"group-data-[theme=dark]:hx-hidden\"") -}}
+    {{- partial "utils/icon.html" (dict "name" "moon" "attributes" (printf "height=%d class=\"group-data-[theme=dark]:hx-hidden\"" $height)) -}}
     {{- if not $hideLabel }}<span class="group-data-[theme=dark]:hx-hidden">{{ $dark }}</span>{{ end -}}
   </div>
 </button>

From da56d153aa6884666e94747a3de0dba4bbe9b612 Mon Sep 17 00:00:00 2001
From: "Jason A. Dour" <10261648+jason-dour@users.noreply.github.com>
Date: Sun, 17 Nov 2024 17:34:13 -0500
Subject: [PATCH 3/3] Added logic for font size in theme toggle when in navbar.

---
 layouts/partials/theme-toggle.html | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/layouts/partials/theme-toggle.html b/layouts/partials/theme-toggle.html
index ddb6419..a6e9932 100644
--- a/layouts/partials/theme-toggle.html
+++ b/layouts/partials/theme-toggle.html
@@ -1,6 +1,10 @@
 {{- $navbar := .navbar | default false -}}
-{{- $height := 12 -}}
-{{- if $navbar -}}{{- $height = 24 -}}{{- end -}}
+{{- $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" -}}
@@ -11,14 +15,14 @@
 <button
   title="{{ $changeTheme }}"
   data-theme="light"
-  class="theme-toggle 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 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"
+  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)) -}}
+    {{- 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)) -}}
+    {{- 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>