fix(clients): give image attachment chips a blue accent (#26306)

Author: Yash-Singh1

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 },

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)]",

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)",