VS code theme color is changed automatically

Question

Above is today's color theme. Please see variable name SideMenu.

And another one is a picture which is taken few days ago.

You can see SideMenu color is different. It's not a problem of styled-components theme. Because every static variable's name's colors are changed.

It's not first time. few weeks ago, I had this experience and it's very annoying. Why the color theme of vs code (This is default Dark+ Theme) is changed automatically? I feel very unfamiliar with this color, and I want to stop the changing and hope to go back previous color.

How can I do that and Why this happens?

Answer 1

Ah! This is due to activation of Semantic Highlighting

You can disable or enable it to to get the coloring you want. Usually its enabled for default themes. If you disable it, you will get your old colors back.

You can disable/enable it here

Or you can add "editor.semanticHighlighting.enabled": false to settings.json