From 03adb2627df4c7dcd46f15f2ab807001afdeb750 Mon Sep 17 00:00:00 2001
From: Mikyo King <mikyo@arize.com>
Date: Fri, 12 May 2023 18:52:58 -0600
Subject: [PATCH] support colors on backgrounds

---
 src/types/core.ts           | 2 +-
 stories/Gallery.stories.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/types/core.ts b/src/types/core.ts
index f807c774..d9e25954 100644
--- a/src/types/core.ts
+++ b/src/types/core.ts
@@ -93,7 +93,7 @@ export type DimensionValue =
 export type BorderRadiusValue = 'small' | 'medium';
 export type BorderColorValue = 'default' | 'light' | 'dark';
 export type BorderSizeValue = 'thin' | 'thick' | 'thicker' | 'thickest';
-export type BackgroundColorValue = 'light' | 'dark';
+export type BackgroundColorValue = 'light' | 'dark' | ColorValue;
 
 export type ColorValue =
   | 'gray-100'
diff --git a/stories/Gallery.stories.tsx b/stories/Gallery.stories.tsx
index a6e13753..f68ce497 100644
--- a/stories/Gallery.stories.tsx
+++ b/stories/Gallery.stories.tsx
@@ -223,7 +223,7 @@ const Template: Story = args => {
             </View>
             <View
               width="size-2400"
-              backgroundColor="light"
+              backgroundColor="gray-800"
               borderColor="dark"
               borderLeftWidth="thin"
             >