Anki 2.1.45 Alpha

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:
Screen Shot 2021-05-18 at 2.00.20 pm

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:

Screen Shot 2021-05-18 at 2.06.09 pm

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:
image
LibreOffice:
image
Microsoft Word:
image
TinyMCE:
image

What do you guys think?

  • Keep current color picker
  • Change color picker to ‘A’ style
0 voters
3 Likes