diff --git a/apps/mobile/src/lib/composerChipPresentation.ts b/apps/mobile/src/lib/composerChipPresentation.ts index 4f3a77daf5d90..067e3aea2ecf7 100644 --- a/apps/mobile/src/lib/composerChipPresentation.ts +++ b/apps/mobile/src/lib/composerChipPresentation.ts @@ -23,7 +23,7 @@ interface ContextChipPresentation { * surface. See `ContextChip.tsx`. */ const CONTEXT_CHIP_PRESENTATIONS = { - image: { accent: "#d55665", icon: "image" }, + image: { accent: "#0090cd", icon: "image" }, video: { accent: "#d06217", icon: "film" }, file: { accent: "#0090cd", icon: null }, mention: { accent: "#0096af", icon: null }, diff --git a/apps/web/src/components/ContextChip.tsx b/apps/web/src/components/ContextChip.tsx index fcd4c9e4fed30..6ef34db857123 100644 --- a/apps/web/src/components/ContextChip.tsx +++ b/apps/web/src/components/ContextChip.tsx @@ -12,7 +12,8 @@ const contextChipVariants = cva( variants: { kind: { neutral: "[--context-chip-accent:currentColor]", - image: "[--context-chip-accent:var(--context-chip-image)]", + image: + "rounded-lg border border-(--context-chip-accent)/30 bg-(--context-chip-accent)/10 px-1.5 [--context-chip-accent:var(--context-chip-image)]", video: "[--context-chip-accent:var(--context-chip-video)]", file: "[--context-chip-accent:var(--context-chip-file)]", mention: "[--context-chip-accent:var(--context-chip-mention)]", diff --git a/apps/web/src/lib/contextChipAccents.ts b/apps/web/src/lib/contextChipAccents.ts index 978c3cf6a04ab..dfa0276ee08a7 100644 --- a/apps/web/src/lib/contextChipAccents.ts +++ b/apps/web/src/lib/contextChipAccents.ts @@ -1,5 +1,5 @@ export const CONTEXT_CHIP_ACCENTS = { - image: "oklch(0.62 0.16 16)", + image: "oklch(0.62 0.136 237)", video: "oklch(0.62 0.16 48)", file: "oklch(0.62 0.136 237)", mention: "oklch(0.62 0.11 215)",