MetaMask / MetaMask/metamask-design-system

[TMCU-984] Update legacy BottomSheet component in mobile to pure black background

Open
#1,345 0 comments 0 reactions 1 assignee View on GitHub

@georgewrmarshall is already working on this.

Since Jul 3, 2026.

enhancement pure-black
Dominant language
TypeScript
Stars
37
Forks
14
Avg merge
1d 9h
Merged PRs (30d)
60

Description

### Description\n\nMirrors Jira [TMCU-984](https://consensyssoftware.atlassian.net/browse/TMCU-984).\n\nPart of epic #1271 / [TMCU-622](https://consensyssoftware.atlassian.net/browse/TMCU-622).\n\n**Jira status:** In Progress\n\n### Jira details\n\n### User story\n\nAs a mobile user, I want the BottomSheet component background to conditionally render based on the theme so that the surface closest to me is always the lightest.\n\n### Context\n\nPart of the pure black background schema update.\n\n### Acceptance criteria\n\n* If light mode: background = \n* If dark mode: background = \n\n_Work item created in Slack from a_ [_message_](https://consensys.slack.com/archives/C02VD8QG0LT/p1783009607167229?thread_ts=1782997745.906819&cid=C02VD8QG0LT)_._\n

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.