Skip to content

fix: FluentOverlay in Dark mode #3532

@StevenRasmussen

Description

@StevenRasmussen

🐛 Bug Report

I'm not sure if this is a bug or by design. When the theme is set to Dark Mode it seems like the background of the overlay should switch from light to dark as well. Since the text switches to white... the white text on a white background does not look ideal.

💻 Repro or Code Sample

On the Overlay demo page on the site. Change the theme to Dark and then show one of the overlays:

Image

🤔 Expected Behavior

Background of the overlay should change to black and have an opacity value similar to light theme (0.4 I believe). Here's an example of what I believe it should be:

Image

Right now it looks like:

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    triageNew issue. Needs to be looked at

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions