Skip to content

Overlay component box shadows in dark and dimmed modes #1278

Description

@pmarsceill

Describe the bug
Using the overlay component in dark and dimmed mode doesn't adjust the box shadow to the proper values. On Dotcom, we use different box shadows for dark modes:

image

Currently PRC uses the same shadows for dark and light modes which makes the dropdown look like it's foggy and sad in dark modes:

image

Note: As this is a public repo, please be careful not to include details or screenshots from unreleased GitHub products or features. In most cases, a good bug report should be able to describe the new component without including business logic or feature details, but if you must discuss context relating to an unreleased feature, please open an issue in the private Design Systems repo and link to it here.

To Reproduce
Use an overlay component in dark mode

Expected behavior
Same dropshadow for dark mode as we use on Dotcom

Desktop (please complete the following information):
n/a

Smartphone (please complete the following information):
n/a

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions