fix(core): update colors for statusButton and imagePreview

sanity-io · Oct 15, 2024 · acdae60 · acdae60
1 parent 80caab3
commit acdae60
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/sanity/src/core/components/StatusButton.tsx b/packages/sanity/src/core/components/StatusButton.tsx
@@ -47,7 +47,8 @@ export const StatusButton = forwardRef(function StatusButton(
     ...restProps
   } = props
   const theme = useTheme()
-  const toneColor = tone && theme.sanity.color.solid[tone]
+  const toneToUse = tone === 'prospect' || tone === 'explore' ? 'default' : tone
+  const toneColor = toneToUse && theme.sanity.color.solid[toneToUse]
   const dotStyle = useMemo(() => ({backgroundColor: toneColor?.enabled.bg}), [toneColor])
   const disabled = Boolean(disabledProp)
 

diff --git a/packages/sanity/src/core/form/inputs/files/ImageInput/ImagePreview.styled.tsx b/packages/sanity/src/core/form/inputs/files/ImageInput/ImagePreview.styled.tsx
@@ -22,8 +22,9 @@ export const Overlay = styled(Flex)<{
   $tone: Exclude<CardTone, 'inherit'>
 }>(({$tone}) => {
   const colorScheme = useColorSchemeValue()
-  const textColor = studioTheme.color[colorScheme][$tone].card.enabled.fg
-  const backgroundColor = rgba(studioTheme.color[colorScheme][$tone].card.enabled.bg, 0.8)
+  const toneToUse = $tone === 'prospect' || $tone === 'explore' ? 'default' : $tone
+  const textColor = studioTheme.color[colorScheme][toneToUse].card.enabled.fg
+  const backgroundColor = rgba(studioTheme.color[colorScheme][toneToUse].card.enabled.bg, 0.8)
 
   return css`
     position: absolute;