Upvoted icon status isn't very clear, it's difficult to identify

  • First off, congratulation on the new BLUE forum design!

    After browsing through the new forum design for a bit I think there are too much blue on some places. One element that I think need a bit of tweak is the blue upvote button, IMHO it's status is unclear & difficult to differentiate in plainview. I think the problem is both upvoted & neutral status also consist of blue & white color, just inverted.

    My suggestion is neutral status should be grayscale color; then upvoted status should have larger icon to make it more obvious to viewer. This changes will prevent confusion & easier to identify during quick browsing.

    CSS to test my suggestion:

    .votes > a:not(.upvoted) > .fa {filter: grayscale(1);}
    .upvoted > .fa {transform: scale(1.5);}

    Thanks for your time & support.

  • Thank you for the update, now the forum upvoted post is much easier to notice!

    Here is another idea hope you will consider, un-vote function for upvoted post should also have a simple visual feedback. I suggest something like this:

    .votes .upvoted, .votes > a:hover > .fa { transform: scale(1.2); transition: .13s .1s;}
    .votes .upvoted:hover {transform: scaleY(-1); filter: grayscale(1);}

    Thanks again for your hardwork.

Log in to reply

Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.