From 48f8da7d2dec912a1a6cbec9c09c3686e67f52d3 Mon Sep 17 00:00:00 2001 From: Ash Date: Sun, 22 Sep 2024 13:38:27 +0100 Subject: [PATCH] fix(sanity): use correct color scheme in image input overlay --- .../form/inputs/files/ImageInput/ImagePreview.styled.tsx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) 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 5a2acdb2190..630ecaa030d 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 @@ -1,4 +1,5 @@ import {Card, type CardTone, Flex, rgba, studioTheme} from '@sanity/ui' +import {useColorSchemeValue} from 'sanity' import {css, styled} from 'styled-components' export const RatioBox = styled(Card)` @@ -20,8 +21,9 @@ export const RatioBox = styled(Card)` export const Overlay = styled(Flex)<{ $tone: Exclude }>(({$tone}) => { - const textColor = studioTheme.color.light[$tone].card.enabled.fg - const backgroundColor = rgba(studioTheme.color.light[$tone].card.enabled.bg, 0.8) + const colorScheme = useColorSchemeValue() + const textColor = studioTheme.color[colorScheme][$tone].card.enabled.fg + const backgroundColor = rgba(studioTheme.color[colorScheme][$tone].card.enabled.bg, 0.8) return css` position: absolute;