[Feature]: Adding a Stroke to Floating components in Dark mode

[gouttierre]

Area

React Components (@fluentui/react-components)

Describe the feature that you would like added

The request is to add a stroke to a set of floating components to make it much easier for users to differentiate between the elevated surfaces and background surfaces in dark mode.

Here is the full list of components:

• Dialog
• Dropdown
• Menu
• PopOver
• TeachingPopOver
• Toast
• Tooltip

Additional context

Since this is a multi-partner request, the design specifications are available in a Loop file (internal). For further information, please contact Leslie.

Have you discussed this feature with our team

gouttierre , marcosmoura, tudorpopams

Validations

• Check that there isn't already an issue that requests the same feature to avoid creating a duplicate.

Priority

High