[material-ui][docs] Component index icons should be blue, not purple
Open
Nobody has claimed this yet.
scope: all components
type: bug
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Steps to reproduce 🕹
Open https://mui.com/material-ui/all-components/
Actual
Purple
Expected
Blue
Why?
- Material UI brand is blue, not purple. Bootstrap brand is purple.
- Purple doesn't look great as a color, subjective to my view, but I think we can back this up with data when looking at the big picture: https://www.linkedin.com/pulse/what-most-popular-color-world-natalia-golenkova/ (I took men as 80% of the developers)
Going with blue would reduce the need to customize the color for developers when they are in a hurry. And improve the default look & feel (on average, some will prefer purple)
Linked to #40256
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Open the component index at https://mui.com/material-ui/all-components/ and inspect how its icons are styled. Change the icon color from purple to blue, then verify the page visually against the expected appearance described in the issue.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- design, documentation
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100