Use grayscale color palette in Column documentation

[Copilot]

Column documentation was using bright colors (blue, cyan, orange, red, purple) while Container documentation uses a consistent grayscale palette.

Changes

• Color replacements in cv-column.stories.ts:

  • #4A90E2, #50E3C2, #F5A623, #D0021B, #9013FE → #d3d3d3, #a9a9a9, #888888, #777777, #c0c0c0, #999999

• Updated isLightColor() helper: Added new grayscale values to maintain proper text contrast

Visual Comparison

Column (After):

Container (Reference):

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• storybook.js.org
  • Triggering command: /usr/local/bin/node node /home/REDACTED/work/canvasback/canvasback/node_modules/.bin/storybook dev -p 6006 (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Column documentation in the playbook doesn't appear to be using the same colors that it should be</issue_title>
<issue_description>http://localhost:6006/?path=/docs/layout-column--docs this column documentation uses bright colors; it should be using different shades of a tannish color, in the same way that http://localhost:6006/?path=/docs/layout-container--docs uses instead.</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Column documentation in the playbook doesn't appear to be using the same colors that it should be #3

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.