I agree, the inset shadow could be more prominent to make the pressed state more distinguishable.
That happens because the color picker symbol isn’t an image or text, but rather a background (with several gradients) itself:
background:
content-box linear-gradient(217deg, rgba(255, 0, 0, 0.8), rgba(255, 0, 0, 0) 70.71%),
content-box linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%),
content-box linear-gradient(336deg, rgba(0, 0, 255, 0.8), rgba(0, 0, 255, 0) 70.71%),
border-box #666;
The CSS rule for hovering (change background to that gray color) overrides the colored background.
While we’re at it, I would like to bring back some attention on the following topic, because I feel like it hasn’t been discussed thoroughly yet:
This sort of button is used by all major text editors. In my opinion, this style is a lot more intuitive and saves space (because just one button is needed instead of two).
Google Docs:
LibreOffice:
Microsoft Word:
TinyMCE:
What do you guys think?
- Keep current color picker
- Change color picker to ‘A’ style
0
voters