From b57225d5b091bbd11e5fc3c19c43b6147a98074e Mon Sep 17 00:00:00 2001
From: lindsaym-fa <dev@lindsaym.design>
Date: Fri, 7 Nov 2025 18:56:25 -0500
Subject: [PATCH] tweaks to color palette logic

---
 .../docs/_includes/theming/color-palettes.njk         | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/packages/webawesome/docs/_includes/theming/color-palettes.njk b/packages/webawesome/docs/_includes/theming/color-palettes.njk
index c15c9f754..e2dea1bf2 100644
--- a/packages/webawesome/docs/_includes/theming/color-palettes.njk
+++ b/packages/webawesome/docs/_includes/theming/color-palettes.njk
@@ -73,28 +73,23 @@
 
 <script type="module">
   const paletteContainer = document.getElementById('color-palettes');
-  const palettePicker = document.getElementById('palette-picker');
+  const palettePreviewPicker = document.getElementById('palette-picker');
 
   // Set first radio as checked and add initial palette class
-  const firstPaletteRadio = palettePicker.querySelector('wa-radio');
+  const firstPaletteRadio = palettePreviewPicker.querySelector('wa-radio');
   if (firstPaletteRadio) {
     firstPaletteRadio.checked = true;
     paletteContainer.classList.add(`wa-palette-${firstPaletteRadio.value}`);
   }
 
   // Listen for radio changes
-  palettePicker.addEventListener('input', function(event) {
+  palettePreviewPicker.addEventListener('input', function(event) {
     const selectedValue = event.target.value;
 
     // Update palette container class
     const existingThemeClasses = [...paletteContainer.classList].filter(className => className.startsWith('wa-palette-'));
     existingThemeClasses.forEach(className => paletteContainer.classList.remove(className));
     paletteContainer.classList.add(`wa-palette-${selectedValue}`);
-
-    // Show/hide appropriate instructions
-    document.querySelectorAll('.palette-instructions').forEach(instruction => {
-      instruction.hidden = instruction.dataset.palette !== selectedValue;
-    });
   });
 </script>