MetaMask / design-tokens

Design tokens to be used throughout MetaMask products
https://metamask.github.io/design-tokens/?path=/docs/getting-started-introduction--docs
27 stars 15 forks source link

Added sets of hover& pressed tokens. Also updated warning/success/inverses #579

Closed Akatori-Design closed 8 months ago

Akatori-Design commented 8 months ago

Added || LIGHT & DARK THEMES ||

Added .default-hover & .default-pressed colors added for primary, success, error, warning (but not for info)

- primary.default-hover
- primary.default-pressed

- success.default-hover
- success.default-pressed

- warning.default-hover
- warning.default-pressed

- error.default-hover
- error.default-pressed

Edited || LIGHT THEME ||

  1. Edited success.default , success.muted, warning.default, warning.muted to be more accessible
  2. Edited Inversecolors from #FCFCFC to #FFFFFF (white000)
- success.default
- success.muted

- warning.default
- warning.muted

- primary.inverse
- error.inverse
- success.inverse
- warning.inverse
- info.inverse

|| DARK THEME ||

  1. Edited error.default, error.muted for accessibility.
  2. Edited Inverse colors from #FCFCFC to #141618 (grey900)
- error.default
- error.muted

- primary.inverse
- error.inverse
- success.inverse
- warning.inverse
- info.inverse
Akatori-Design commented 8 months ago

Release Note for this color changes https://www.notion.so/What-s-new-762c3a72a9594f05ab14788056020af4?pvs=4#4bcc37a6770748329ce7bfd89f8ce1a6

cc: @justincheungcon

georgewrmarshall commented 8 months ago

Closing in favor of https://github.com/MetaMask/design-tokens/pull/586