Skip to content

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

@gouttierre

Description

@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