fix(workflow): neutralize content block color

Author: andresdjasso

apps/sim/lib/workflows/blocks/workflow-block-view-interaction.test.tsx

@@ -200,7 +200,7 @@ describe('WorkflowTypeTag colors', () => {
       variant: 'workflow',
       tone: 'purple',
     })
-    expect(getWorkflowTypeAccent('knowledge')).toEqual({ variant: 'workflow', tone: 'cyan' })
+    expect(getWorkflowTypeAccent('knowledge')).toEqual({ variant: 'workflow', tone: 'content' })
   })
 
   it('renders compact workflow icons with their canonical fill and ink', () => {
@@ -220,8 +220,8 @@ describe('WorkflowTypeTag colors', () => {
     )
 
     expect(host.querySelector('[data-workflow-type-icon="knowledge"]')).toHaveClass(
-      'bg-[#00BBD0]',
-      'text-[#1A1A1A]'
+      'bg-[#888888]',
+      'text-[#FFFFFF]'
     )
     expect(host.querySelector('[data-workflow-type-icon="image_generator_v2"]')).toHaveClass(
       'bg-[#AA00FF]',

packages/emcn/src/components/chip-tag/chip-tag.tsx

@@ -34,17 +34,19 @@ import { cn } from '../../lib/cn'
  *   icon inherits the label colour and remains the non-colour identifier.
  *
  *   These are fixed brand values, not derived ones — do not "correct" a hex
- *   for contrast or gamut. Every label is one of two inks: `#F8F8F8` when the
- *   fill is dark, `#1A1A1A` when it is light. `#3B3B3B` appears only as
- *   `inverse`'s fill, never as text. One value serves both modes; the tones
- *   carry no `dark:` overrides.
+ *   for contrast or gamut. Labels use `#F8F8F8` on dark semantic fills and
+ *   `#1A1A1A` on light fills; the neutral content tone uses true white
+ *   (`#FFFFFF`) on `#888888`. `#3B3B3B` appears only as `inverse`'s fill,
+ *   never as text. One value serves both modes; the tones carry no `dark:`
+ *   overrides.
  *
- *   Contrast against the paired ink varies, and two pairs sit under WCAG AA
- *   (4.5:1) for normal text: `green` at 3.98:1 and `orange` at 3.15:1. These
- *   are brand decisions rather than oversights. Because the label is short and
- *   always duplicated by an icon and the block name beside it, the tag is a
- *   redundant cue rather than the sole carrier of the information — but do not
- *   reuse either pairing anywhere the label stands alone.
+ *   Contrast against the paired ink varies, and three pairs sit under WCAG AA
+ *   (4.5:1) for normal text: `green` at 3.98:1, `content` at 3.54:1, and
+ *   `orange` at 3.15:1. These are brand decisions rather than oversights.
+ *   Because the label is short and always duplicated by an icon and the block
+ *   name beside it, the tag is a redundant cue rather than the sole carrier of
+ *   the information — but do not reuse these pairings anywhere the label
+ *   stands alone.
  *
  *   `neutral` is the only tone that is not a solid fill — neutral/system blocks
  *   and unmapped block types read as white, outlined slots rather than as one
@@ -83,7 +85,7 @@ const chipTagVariants = cva(
         green: '',
         yellow: '',
         purple: '',
-        cyan: '',
+        content: '',
       },
       brandForeground: {
         light: '',
@@ -112,7 +114,7 @@ const chipTagVariants = cva(
       { variant: 'workflow', tone: 'green', className: 'bg-[#188F00] text-[#F8F8F8]' },
       { variant: 'workflow', tone: 'yellow', className: 'bg-[#FFEF08] text-[#1A1A1A]' },
       { variant: 'workflow', tone: 'purple', className: 'bg-[#AA00FF] text-[#F8F8F8]' },
-      { variant: 'workflow', tone: 'cyan', className: 'bg-[#00BBD0] text-[#1A1A1A]' },
+      { variant: 'workflow', tone: 'content', className: 'bg-[#888888] text-[#FFFFFF]' },
       { variant: 'brand', brandForeground: 'light', className: 'text-[#FFFFFF]' },
       { variant: 'brand', brandForeground: 'dark', className: 'text-[#000000]' },
     ],

packages/workflow-renderer/src/workflow-block/workflow-block-view.tsx

@@ -106,7 +106,7 @@ const WORKFLOW_ROLE_ACCENTS = {
   records: { variant: 'workflow', tone: 'green' },
   neutral: { variant: 'workflow', tone: 'neutral' },
   generative: { variant: 'workflow', tone: 'purple' },
-  knowledge: { variant: 'workflow', tone: 'cyan' },
+  knowledge: { variant: 'workflow', tone: 'content' },
 } as const
 
 export type WorkflowTypeRole = keyof typeof WORKFLOW_ROLE_ACCENTS