fix(core): update colors for statusButton and imagePreview

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

Hide file tree

Showing 3 changed files with 6 additions and 4 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;

diff --git a/packages/sanity/src/structure/panes/document/statusBar/DocumentStatusBarActions.tsx b/packages/sanity/src/structure/panes/document/statusBar/DocumentStatusBarActions.tsx
@@ -5,8 +5,8 @@ import {memo, useCallback, useMemo, useState} from 'react'
 import {
   type DocumentActionComponent,
   type DocumentActionDescription,
-  Hotkeys,
   type DocumentActionProps,
+  Hotkeys,
   isBundleDocument,
   LATEST,
   ReleaseActions,