JavaScript variable color in JetBrains WebStorm

Question

Why JS variables have different colors in JetBrains WebStorm 2016 ? There are no significant differences between express, path, favicon... variables: I use them all in the code.

Do these colors mean something, is it normal behavior of WebStorm? If not - how to change them?

Answer 1

The colours for those member fields are different because they are different types.

The fields coloured purple are object variables and the fields in light orange are function variables.

IntelliJ (or WebStorm) has determined this by examining the export field of the targeted JavaScript files.

See screenshots below:

Answer 2

Open Settings/Preferences dialog, and under the File node, click Colors & Fonts and select JavaScript. From right panel you can change all the colors

It's important to note that the check box Use inherited attributes is selected!

For more detail go to this link

Change Colors