MetaMask / MetaMask/metamask-extension
[Bug]: Confirmations - Alerts - `Got it` button color not consistent for different alert pages, with low contrast
- Dominant language
- TypeScript
- Stars
- 13.2k
- Forks
- 5.6k
- Avg merge
- 2d 5h
- Merged PRs (30d)
- 451
Description
**Describe the bug**
`Got it` button color is not consistent for different alerts. It seems the `Network is busy` is correct and the rest incorrect as they have low contrast, but to verify with Design. They should be consisten:
- Network is busy: button has contrast (seems correct)
- First interaction: button has low contrast (seems incorrect)
- Malicious Warning: button has low contrast (seems incorrect)
See pics beloq
**Expected behavior**
Consistent colors between different alerts, with correct contrast colors.
**Screenshots/Recordings**
#### White Mode:
- Incorrect:
- Incorrect:
- Correct:
#### Dark Mode:
Incorrect:
Incorrect:
Correct:
**Steps to reproduce**
1. Go to the test dapp
2. Select Mainnet
3. Select new/empty account
4. Trigger Send Malicious Eth
5. Click on Warnings
6. See Got it button
**Error messages or log output**
```shell
```
**Detection stage**
In production (default)
**Version**
13.1.2
**Build type**
None
**Browser**
Chrome
**Operating system**
Linux
Contributor guide
Research direction
Start in the test dapp by reproducing the alert flow: select Mainnet, choose a new or empty account, trigger Send Malicious Eth, and open Warnings. Compare the `Got it` button in Network is busy, First interaction, and Malicious Warning in both white and dark modes, then confirm the intended colors with Design. Done means the alert pages use consistent button colors with sufficient contrast.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100