What is the red square in the number line on the left side?

Sometimes I see red squares on the left side of a file when it's open in the line numbers section:

When I hover over it, it does nothing; when I click it, it just gives me a color wheel. It's nice to be able to change the color of this cryptic square, but what is it for?


Hi there,

It's a color representation of that CSS color property.

Open any CSS file -- you will see many of them, even few in single line (e.g. background gradient .. or multiple properties in single line).

Can be disabled at "Settings/Preferences | Editor | General | Appearance -->Show CSS color preview icon in gutter"



Why does nothing happen when I hover over it?

I don't have version 2016.3, JetBrains keeps updating their major versions too fast to make it a wise business choice of taking the risk of completely reinstalling PHPStorm and re-importing potentially broken settings every 3 months.


> Why does nothing happen when I hover over it?

Because there was no such a request previously. If you feel like it's confusing, please submit one: https://youtrack.jetbrains.com/newIssue?project=WEB&clearDraft=true&c=Type+Usability+Problem


Please sign in to leave a comment.