[Eugene (OEvgeny)]

In Windows contrast themes, the Fluent theme's pre-chat starter prompt cards have no visible boundary. Found while fixing #5935.

Changelog Entry

Fixed

• Fixed Fluent starter prompt cards having no visible border in forced colors, in PR #5954, by @OEvgeny

Description

The starter prompt card has border: 0 and draws its edge with a shadow and a fill, which forced colors remove, so only the card text remains. In forced colors, the card now has a thin ButtonText border, as a native button and the Fluent code block "Copy" button do; nothing changes without forced colors.

Design

• A border, not an outline: the card already uses its outline as the focus ring.

Specific Changes

• fluent-theme/.../StarterPromptsCardAction.module.css: var(--webchat-strokeWidthThin) solid ButtonText border in forced colors

• fluentTheme/starterPrompts.forcedColors.html and .dark.html (new): snapshot 1, both starter prompt cards have a border in light and dark forced colors

• fluentTheme/icons.forcedColors.html and .dark.html: snapshots 1–2 updated, the starter prompt card now has a border

• I have added tests and executed them locally

• I have added .changelog/<PR#>-<slug>.md

• I have updated documentation

Review Checklist

This section is for contributors to review your work.

• Accessibility reviewed (tab order, content readability, alt text, color contrast)
• Browser and platform compatibilities reviewed
• CSS styles reviewed (minimal rules, no z-index)
• Documents reviewed (docs, samples, live demo)
• Internationalization reviewed (strings, unit formatting)
• package.json and package-lock.json reviewed
• Security reviewed (no data URIs, check for nonce leak)
• Tests reviewed (coverage, legitimacy)

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.