Toned down live highlight decorations

[larz0]

This is for #7255.

[njx]

Hmm, that does make it hard to see in something like Citrus. I wonder if a solution would be to start out covering the whole area with a color, but then fade the inside to transparent, so your eye is drawn to the box. Or a sort of "grow/shrink" effect, kind of like what TextEdit does in Find.

[larz0]

@njx could you check again. I tried 1s transition but it's easy to miss it when moving the eye from the editor to browser so I made it 2.3s.

[njx]

Oh, this is interesting. I didn't think I would like the long delay when you described it, but it actually seems to work well - it's long enough that you can really see it, but then it fades out quickly enough that it doesn't feel in your way once you actually start making changes. It also seems to work pretty well if you're moving the cursor around quickly (like arrowing around a CSS file through many rules).

I think it could be a tad faster - maybe 2s instead of 2.3s. That seems long enough that you can see it peripherally in the browser, and by the time your eyes move there it's almost faded out.

In any case, whether you want to tweak that, I'm happy to merge this and see what other people think. We can always tweak it later if people think it's too slow.

[njx]

(BTW, I would also say that just from a feel point of view, it feels a lot better than the short "flashy" nature of the original highlight.)

[larz0]

@njx awesome! Let's merge this and see what happens. (Took me a while to get 2.3 :)

[njx]

OK, I'm good with that. Merging.