diff --git a/canvas/src/blocks/value-view/index.tsx b/canvas/src/blocks/value-view/index.tsx index 83041a5..59f0d69 100644 --- a/canvas/src/blocks/value-view/index.tsx +++ b/canvas/src/blocks/value-view/index.tsx @@ -56,7 +56,9 @@ export const ValueViewBlock = memo((props: Props) => { node={props} className={cn( "relative font-mono", - id === selectingViewerId && "!border-cyan-10", + selectingViewerId !== null && + id === selectingViewerId && + "!border-cyan-10", palette.viewer, )} schema={schema} diff --git a/canvas/src/blocks/value-view/utils/region-colors.ts b/canvas/src/blocks/value-view/utils/region-colors.ts index 2e87374..3bf70f5 100644 --- a/canvas/src/blocks/value-view/utils/region-colors.ts +++ b/canvas/src/blocks/value-view/utils/region-colors.ts @@ -35,7 +35,7 @@ export const regionPalettes: RegionPalette[] = [ viewer: "border-purple-10 text-purple-11", }, { - highlight: "bg-blue-6 text-blue-10 hover:text-blue-12", + highlight: "bg-blue-6 !text-blue-10 hover:text-blue-12", viewer: "border-blue-10 text-blue-11", }, {