diff --git a/src/app/page.tsx b/src/app/page.tsx index 32a5fdc..575c330 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -51,7 +51,7 @@ const ThemeGenerator = () => { return (

VS Code Theme Generator

-
+
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 }