Improve accessibility of node hover color

[marnovo]

The light-gray hover whenever you hover a node block on the UAST panel on the right is hard to notice in some screens (and/or for some visually impaired people), in contrast to the more obvious yellow color that shows up in the left side.

A few solution ideas:

• Change the intensity of the hover color.
• Change the hover color to a different one that helps matching visually the corresponding code on the other panel (keeping both contents visible).
• Add a border element to the hovered code/node block that is highlighted.

@ricardobaeta may have more interesting solutions.

[ricardobaeta]

@bzz @marnovo

I think it's a pretty straightforward & quick solution. We can/should keep the colour scheme simple and apply the same colour - #ffff00 - but with a very soft Tint variation.

I would go with the smoother Tint of #ffff00

I've looked at the code, and I believe the hot-fix would be something like:

.eckLzy { background: #f9f9f9; background: #ffffe5; }

[marnovo]

@ricardobaeta can you please provide a screenshot with a before/after and tag the users here for a quick validation (Vadim, Alex, Egor, Eiso) before we push this? Thanks.

[ricardobaeta]

@vmarkovtsev @bzz @eiso @EgorBu

Before

After

[vmarkovtsev]

So much better.

[eiso]

Awesome, thank you