Addon-Docs: ArgsTable borders in forced-colors mode

[nickcottrell]

Fixes #24147

ArgsTable borders invisible in high contrast mode.

Use CanvasText in @media (forced-colors: active).

[coderabbitai]

📝 Walkthrough

Walkthrough

Added forced-colors mode accessibility styling to the ArgsTable component by injecting @media (forced-colors: active) rules that adjust border color properties. No runtime logic or component behavior changes were introduced.

Changes

Cohort / File(s)	Summary
ArgsTable accessibility styling code/addons/docs/src/blocks/components/ArgsTable/ArgsTable.tsx	Added forced-colors mode support for border properties (borderTop, borderBlockStart, borderBlockEnd, borderInlineStart, borderInlineEnd) to ensure proper visibility in high-contrast and forced-color accessibility modes

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

• UI: Add padding for ArgsTable shadow in TabbedArgsTable #33034: Also modifies TableWrapper styling in the same ArgsTable component file to add paddingInline adjustments for tabbed contexts, suggesting a broader styling refinement effort in this component.

✨ Finishing touches

• 📝 Generate docstrings

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[storybook-app-bot]

Package Benchmarks

^{Commit: cf2f00f, ran on 30 January 2026 at 15:12:26 UTC}

No significant changes detected, all good. 👏

[Sidnioulz]

@nickcottrell could you please provide screenshots of before/after on the OS and browser you used to test this?

I am not seeing any difference on Firefox or Chrome with this PR's code on compared to default forced colour adjustments.

[Sidnioulz]

I'm gonna close this PR for now to help the team focus on active PRs. Feel free to reopen one with screenshots to show the platforms where a bug is fixed. Thanks!