Description
Update ModalContent to render the correct elevated dialog surface in pure-black dark mode once PureBlackProvider is available.
Today the dialog uses BoxBackgroundColor.BackgroundDefault, which matches the page background in standard dark mode but does not provide the elevated surface hierarchy required in pure-black mode.
Depends on
Acceptance Criteria
Constraint
isPureBlack=false uses the existing grey dark theme
isPureBlack=true uses pureBlackDarkTheme
References
Description
Update
ModalContentto render the correct elevated dialog surface in pure-black dark mode oncePureBlackProvideris available.Today the dialog uses
BoxBackgroundColor.BackgroundDefault, which matches the page background in standard dark mode but does not provide the elevated surface hierarchy required in pure-black mode.Depends on
PureBlackProviderandusePureBlackto@metamask/design-system-reactpureBlackDarkThemeto@metamask/design-tokens(for elevated surface tokens)Acceptance Criteria
ModalContentuses token-backed elevated surface styling in pure-black dark modeisPureBlackis falseConstraint
isPureBlack=falseuses the existing grey dark themeisPureBlack=trueusespureBlackDarkThemeReferences