diff --git a/packages/sanity/src/core/components/StatusButton.tsx b/packages/sanity/src/core/components/StatusButton.tsx index 427fd34ef82..8e8ed757a9f 100644 --- 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 index 630ecaa030d..4f4d4e4fe0b 100644 --- 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 }>(({$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 index d78d7987012..e27b525d82a 100644 --- 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,