From b6c4c48025266f86663bd85eff61ec375f893dc5 Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Wed, 26 Jun 2024 16:47:29 -0700
Subject: [PATCH] chore: how to use theme switcher

---
 web/components/ThemeSwitcher.ce.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/web/components/ThemeSwitcher.ce.vue b/web/components/ThemeSwitcher.ce.vue
index 6ff2faaff..f5040641b 100644
--- a/web/components/ThemeSwitcher.ce.vue
+++ b/web/components/ThemeSwitcher.ce.vue
@@ -1,7 +1,18 @@
 <script lang="ts" setup>
 /**
  * Add to webgui via DefaultPageLayout.php
- * Add to footer `echo "<unraid-theme-switcher current='$theme'></unraid-theme-switcher>";`
+ * Find the footer and the PHP that builds it. Search for `annotate('Footer');` for the start of the footer.
+ * 
+ * At the of the footer end replace this PHP
+ * ```
+ * echo "</span></div>";
+ * ```
+ * with the following PHP
+ * ```
+ * echo "</span>";
+ * echo "<unraid-theme-switcher current='$theme'></unraid-theme-switcher>";
+ * echo "</div>";
+ * ```
  */
 import { OnClickOutside } from '@vueuse/components';
 import { storeToRefs } from 'pinia';