Search code examples
javascriptreactjswebstormstyled-components

How do I disable this behavior of WebStorm with Styled-components


Background

I'm new to WebStorm and playing around with it.

I just installed styled-components plugin for WebStorm: https://github.com/styled-components/webstorm-styled-components I get this confusing highlighting which does not disappear.

enter image description here

enter image description here

Questions

  • Are you familiar with this behavior?
  • Is there a solution for this?

Solution

  • this highlighting indicates language injection. If you don't like its green background, you can change the color in Settings | Editor | Color Scheme | General, Code > Injected language fragment settings, Background.