diff --git a/src/components/ThemeControls.tsx b/src/components/ThemeControls.tsx
index 3afc682..2498f2d 100644
--- a/src/components/ThemeControls.tsx
+++ b/src/components/ThemeControls.tsx
@@ -181,7 +181,7 @@ const ThemeControls: React.FC = () => {
@@ -200,7 +200,7 @@ const ThemeControls: React.FC = () => {
diff --git a/src/lib/utils/themeColors.ts b/src/lib/utils/themeColors.ts
index 0dd336c..4dcb8cb 100644
--- a/src/lib/utils/themeColors.ts
+++ b/src/lib/utils/themeColors.ts
@@ -201,16 +201,21 @@ export function generateThemeColors(
const ac1Hue = Color(colors.AC1).hue()
const ac2Hue = Color(colors.AC2).hue()
- const ac1AdditionalHues = generateSchemeColors(ac1Hue, scheme)
- const ac2AdditionalHues = generateSchemeColors(ac2Hue, scheme)
- console.log('AC1 additional hues: ', ac1AdditionalHues)
- console.log('AC2 additional hues: ', ac2AdditionalHues)
+ let updatedSchemeHues = [...schemeHues]
+
+ if (!few) {
+ const ac1AdditionalHues = generateSchemeColors(ac1Hue, scheme)
+ const ac2AdditionalHues = generateSchemeColors(ac2Hue, scheme)
+ console.log('AC1 additional hues: ', ac1AdditionalHues)
+ console.log('AC2 additional hues: ', ac2AdditionalHues)
+
+ updatedSchemeHues = [
+ ...schemeHues,
+ ...ac1AdditionalHues,
+ ...ac2AdditionalHues,
+ ]
+ }
- const updatedSchemeHues = [
- ...schemeHues,
- ...ac1AdditionalHues,
- ...ac2AdditionalHues,
- ]
console.log('ALL SCHEME HUES: ', updatedSchemeHues)
return { colors, schemeHues: updatedSchemeHues, scheme }