MetaMask/metamask-design-system

The design system for MetaMask products

Stars: 37
Forks: 14
Open beginner issues: 0
Indexed issues: 211
Avg merge: 1d 9h
Merged PRs (30d): 60

Dominant language: TypeScript
License: No license data
Last GitHub push: Sep 18, 2026
Latest indexed: Sep 19, 2026
Contributing guide: Contributing guide
Code of conduct: Code of conduct
Beginner labels: No beginner labels indexed

Beginner friendly Everything

Open All

211 open issues indexed

feat(Toaster): add onSwipeDismiss / onDismiss callback to enable overlay teardown Open

enhancement react-native

MetaMask/metamask-design-system#1529 · 1 assignee · Opened Sep 17, 2026
[TMCU-996] Add border-muted to trade menu and modals for Pure Black theme Open

enhancement pure-black

MetaMask/metamask-design-system#1355 · 1 assignee · Opened Jul 3, 2026
[TMCU-995] Withdraw fail toast uses incorrect AvatarIcon background color Open

enhancement pure-black

MetaMask/metamask-design-system#1354 · 1 assignee · Opened Jul 3, 2026
[TMCU-994] [Pure Black] Add funds pay with modal hardcodes bg-default Open

enhancement pure-black

MetaMask/metamask-design-system#1353 · 1 assignee · Opened Jul 3, 2026
[TMCU-991] Post-prod cleanup: remove pure black feature flag and provider wiring from mobile Open

enhancement pure-black

MetaMask/metamask-design-system#1352 · 1 assignee · Opened Jul 3, 2026
[TMCU-990] Post-prod cleanup: remove MM_PURE_BLACK_PREVIEW feature flag and PreviewPureBlackProvider from extension Open

enhancement pure-black

MetaMask/metamask-design-system#1351 · 1 assignee · Opened Jul 3, 2026
[TMCU-989] Post-prod cleanup: remove PureBlackProvider and usePureBlack hook from design-system-react Open

enhancement pure-black

MetaMask/metamask-design-system#1350 · 1 assignee · Opened Jul 3, 2026
[TMCU-988] Post-prod cleanup: remove PureBlackContext and PureBlackProviderProps from design-system-shared public API Open

enhancement pure-black

MetaMask/metamask-design-system#1349 · 1 assignee · Opened Jul 3, 2026
[TMCU-987] Post-prod cleanup: fold pureBlackDarkTheme overrides into darkTheme and remove provisional utilities Open

enhancement pure-black

MetaMask/metamask-design-system#1348 · 1 assignee · Opened Jul 3, 2026
[TMCU-986] Update Toast in mobile Open

enhancement pure-black

MetaMask/metamask-design-system#1347 · 1 assignee · Opened Jul 3, 2026
[TMCU-985] Update Toast in extension Open

enhancement pure-black

MetaMask/metamask-design-system#1346 · 1 assignee · Opened Jul 3, 2026
[TMCU-984] Update legacy BottomSheet component in mobile to pure black background Open

enhancement pure-black

MetaMask/metamask-design-system#1345 · 1 assignee · Opened Jul 3, 2026
[TMCU-983] Update legacy Modal component in extension to pure black background Open

enhancement pure-black

MetaMask/metamask-design-system#1344 · 1 assignee · Opened Jul 3, 2026
[TMCU-982] Update extension background to base color to pure black Open

enhancement pure-black

MetaMask/metamask-design-system#1343 · 1 assignee · Opened Jul 3, 2026
[TMCU-821] Remove any FFs related to Pure Black Open

enhancement pure-black

MetaMask/metamask-design-system#1342 · 1 assignee · Opened Jul 3, 2026
[TMCU-812] [Pure Black] metamask-assets: AdvancedChart webview and PriceChart mask hardcoded under pure-black dark mode Open

enhancement pure-black

MetaMask/metamask-design-system#1341 · 1 assignee · Opened Jul 3, 2026
[TMCU-811] [Pure Black] social-ai: TraderPriceChart hardcoded color and mask break under pure-black dark mode Open

enhancement pure-black

MetaMask/metamask-design-system#1340 · 1 assignee · Opened Jul 3, 2026
[TMCU-810] [Pure Black] earn: input surfaces and stablecoin convert hardcoded RGBA break under pure-black dark mode Open

enhancement pure-black

MetaMask/metamask-design-system#1339 · 1 assignee · Opened Jul 3, 2026
[TMCU-809] [Pure Black] predict: feed and chart masks break under pure-black dark mode Open

enhancement pure-black

MetaMask/metamask-design-system#1338 · 1 assignee · Opened Jul 3, 2026
[TMCU-808] [Pure Black] perps: TradingView chart and TPSL loading overlay break under pure-black dark mode Open

enhancement pure-black

MetaMask/metamask-design-system#1337 · 1 assignee · Opened Jul 3, 2026
[TMCU-807] [Pure Black] money-movement: Ramp deposit and aggregator surfaces collapse under pure-black dark mode Open

enhancement pure-black

MetaMask/metamask-design-system#1336 · 1 assignee · Opened Jul 3, 2026
[TMCU-806] [Pure Black] rewards: CampaignTile and Dashboard collapse under pure-black dark mode Open

enhancement pure-black

MetaMask/metamask-design-system#1335 · 1 assignee · Opened Jul 3, 2026
[TMCU-805] [Pure Black] swaps-engineers: SlippageSlider, Bridge AvatarGroup, and quote skeleton break under pure-black dark mode Open

enhancement pure-black

MetaMask/metamask-design-system#1334 · 1 assignee · Opened Jul 3, 2026
[TMCU-804] [Pure Black] card: PIN view, KYC, and CardWelcome use hardcoded colors under pure-black dark mode Open

enhancement pure-black

MetaMask/metamask-design-system#1333 · 1 assignee · Opened Jul 3, 2026
[TMCU-803] [Pure Black] accounts-engineers: QR signing and hardware wallet sheets collapse under pure-black dark mode Open

enhancement pure-black

MetaMask/metamask-design-system#1332 · 1 assignee · Opened Jul 3, 2026
[TMCU-801] [Pure Black] engagement: GlobalAlert and SimpleNotification misuse scrim tokens under pure-black dark mode Open

enhancement pure-black

MetaMask/metamask-design-system#1330 · 1 assignee · Opened Jul 3, 2026
[TMCU-800] [Pure Black] confirmations: TransactionNotification and confirm sheets collapse under pure-black dark mode Open

enhancement pure-black

MetaMask/metamask-design-system#1329 · 1 assignee · Opened Jul 3, 2026
[TMCU-790] Migrate away from TouchableOpacity to Pressable Open

enhancement pure-black

MetaMask/metamask-design-system#1326 · 1 comment · 1 assignee · Opened Jul 3, 2026
[TMCU-638] Trade NavBar + Blue Button needs update Open

enhancement pure-black

MetaMask/metamask-design-system#1323 · 1 assignee · Opened Jul 3, 2026
[TMCU-637] [Pure Black] Update Swaps Extension client border Open

enhancement pure-black

MetaMask/metamask-design-system#1322 · 1 assignee · Opened Jul 3, 2026
[TMCU-625] Create A/B testing feature flag for Pure Black Background Open

enhancement pure-black

MetaMask/metamask-design-system#1319 · 1 comment · 1 assignee · Opened Jul 3, 2026
[TMCU-623] Identify components broken by Pure Black color scheme (Audit) Open

enhancement pure-black

MetaMask/metamask-design-system#1317 · 1 assignee · Opened Jul 3, 2026
Add design-token shadow utilities to @metamask/design-system-twrnc-preset Open

enhancement team-design-system

MetaMask/metamask-design-system#1288 · 1 assignee · Opened Jun 25, 2026
Epic: Pure Black Theme and Provider Open

enhancement Epic pure-black team-design-system

MetaMask/metamask-design-system#1271 · 1 assignee · Opened Jun 25, 2026
Consider to use `uniwind` instead of `tailwind` for react-native 🚀 Open

team-design-system

Difficulty 5/5 Over a week Newbie friendliness 35/100

MetaMask/metamask-design-system#1220 · Opened Jun 8, 2026
Follow up: Clean up SegmentButton and SelectButton Storybook enum controls Open

Difficulty 2/5 1-3 hours Newbie friendliness 76/100

MetaMask/metamask-design-system#1199 · Opened Jun 1, 2026
Follow up: Fix SegmentButton and SelectButton loading spinner colors Open

Difficulty 3/5 1-2 days Newbie friendliness 72/100

MetaMask/metamask-design-system#1200 · Opened Jun 1, 2026
Follow up: Confirm SegmentButton default size Open

Difficulty 4/5 3-5 days Newbie friendliness 45/100

MetaMask/metamask-design-system#1201 · Opened Jun 1, 2026
Follow up: Align SectionHeader titleWrapperProps gap contract Open

Difficulty 3/5 1-2 days Newbie friendliness 65/100

MetaMask/metamask-design-system#1198 · Opened Jun 1, 2026
BottomSheet: evaluate adopting @gorhom/bottom-sheet to replace bespoke gesture implementation Open

enhancement

Difficulty 5/5 Over a week Newbie friendliness 35/100

MetaMask/metamask-design-system#1183 · Opened May 20, 2026
Refactor pressed-state style tests away from createRenderer once RNTL v14 is stable Open

enhancement

Difficulty 4/5 3-5 days Newbie friendliness 48/100

MetaMask/metamask-design-system#1182 · 1 comment · Opened May 20, 2026
BottomSheetDialog: follow-up improvements after RNGH v2 migration Open

enhancement

Difficulty 5/5 Over a week Newbie friendliness 35/100

MetaMask/metamask-design-system#1181 · Opened May 20, 2026
Should sound be part of design-system? Open

team-design-system

MetaMask/metamask-design-system#1127 · 1 assignee · Opened Apr 28, 2026
Make Haptics part of DSRN Open

team-design-system

MetaMask/metamask-design-system#1126 · 1 assignee · Opened Apr 28, 2026
Consider charts to be part of design-system Open

team-design-system

MetaMask/metamask-design-system#1125 · 1 assignee · Opened Apr 28, 2026
Consider font-based approach for rendering icons in the app Open

team-design-system

MetaMask/metamask-design-system#1124 · 1 assignee · Opened Apr 28, 2026
Investigate BoxProps incompatibility in forwarding wrappers under mixed React Native type sources Open

MetaMask/metamask-design-system#1115 · 1 assignee · Opened Apr 27, 2026
Audit current MMDS animation approach and define stack-specific animation guidance Open

Difficulty 5/5 Over a week Newbie friendliness 45/100

MetaMask/metamask-design-system#1111 · 1 comment · Opened Apr 24, 2026
Bug: cherry pick https://github.com/MetaMask/metamask-mobile/pull/28888 fix Open

bug

MetaMask/metamask-design-system#1107 · 1 assignee · Opened Apr 23, 2026
test: add unit tests for packages/design-system-shared/scripts/generate-icons.ts Open

team-design-system

Difficulty 4/5 3-5 days Newbie friendliness 72/100

MetaMask/metamask-design-system#1080 · Opened Apr 14, 2026

A short digest of beginner-friendly GitHub issues.