From df108ba346ca45b728201ab5ed4837dc59590846 Mon Sep 17 00:00:00 2001
From: Lea Verou <lea@verou.me>
Date: Mon, 10 Mar 2025 19:45:01 -0400
Subject: [PATCH] Hide colors not in my scale from hue wheel

---
 docs/_layouts/palette.njk | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/docs/_layouts/palette.njk b/docs/_layouts/palette.njk
index ff14ed3a6..74e083280 100644
--- a/docs/_layouts/palette.njk
+++ b/docs/_layouts/palette.njk
@@ -62,16 +62,18 @@
   </p>
   {% endif %}
   {% raw %}
-  <div class="hue-wheel" v-if="!isCustom || step > 1">
-    <template v-for="color, hue in coreColors">
-      <div :id="`hue-wheel-${hue}`" class="color"
-          :style="{
-        '--color': color,
-        '--h': color.get('oklch.h'),
-        '--c': color.get('oklch.c'),
-        '--l': color.get('oklch.l'),
-        }"></div>
-        <wa-tooltip :for="`hue-wheel-${ hue }`" hoist>{{ capitalize(hue) }} {{ coreLevels[hue] }}</wa-tooltip>
+    <div class="hue-wheel" v-if="!isCustom || step > 1">
+      <template v-for="color, hue in coreColors">
+        <template v-if="!isCustom || seedHues[hue]">
+          <div :id="`hue-wheel-${hue}`" class="color"
+              :style="{
+            '--color': color,
+            '--h': color.get('oklch.h'),
+            '--c': color.get('oklch.c'),
+            '--l': color.get('oklch.l'),
+            }"></div>
+          <wa-tooltip :for="`hue-wheel-${ hue }`" hoist>{{ capitalize(hue) }} {{ coreLevels[hue] }}</wa-tooltip>
+        </template>
       </template>
   </div>
   {% endraw %}