added invokePurple to colors (#18)

invoke-ai · Aug 15, 2024 · a57650e · a57650e
1 parent 4430c34
commit a57650e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/lib/components/button/button.stories.tsx b/lib/components/button/button.stories.tsx
@@ -28,7 +28,7 @@ const meta: Meta<typeof Button> = {
 export default meta;
 type Story = StoryObj<typeof Button>;
 
-const colorSchemes = ['base', 'invokeYellow', 'invokeRed', 'invokeGreen', 'invokeBlue'] as const;
+const colorSchemes = ['base', 'invokeYellow', 'invokeRed', 'invokeGreen', 'invokeBlue', 'invokePurple'] as const;
 const variants = ['solid', 'outline', 'ghost', 'link'] as const;
 const sizes = ['xs', 'sm', 'md', 'lg'] as const;
 

diff --git a/lib/theme/colors.ts b/lib/theme/colors.ts
@@ -45,6 +45,8 @@ export type ThemeColors = {
   invokeGreenAlpha: PaletteSteps;
   invokeBlue: PaletteSteps;
   invokeBlueAlpha: PaletteSteps;
+  invokePurple: PaletteSteps;
+  invokePurpleAlpha: PaletteSteps;
 };
 
 const brandColors = {
@@ -58,6 +60,7 @@ const brandColors = {
   invokeBlue: { H: 200, S: 76 },
   invokeGreen: { H: 110, S: 69 },
   invokeRed: { H: 16, S: 92 },
+  invokePurple: { H: 260, S: 58 },
 };
 
 export const getArbitraryBaseColor = (lightness: number) =>
@@ -84,4 +87,6 @@ export const colors: ThemeColors = {
   invokeGreenAlpha: generateColorPalette(brandColors.invokeGreen.H, brandColors.invokeGreen.S, true),
   invokeRed: generateColorPalette(brandColors.invokeRed.H, brandColors.invokeRed.S),
   invokeRedAlpha: generateColorPalette(brandColors.invokeRed.H, brandColors.invokeRed.S, true),
+  invokePurple: generateColorPalette(brandColors.invokePurple.H, brandColors.invokePurple.S),
+  invokePurpleAlpha: generateColorPalette(brandColors.invokePurple.H, brandColors.invokePurple.S, true),
 };