6

How do I enable syntax highlighting for emotion template string css in VS Code? All the plugins I find are for snippets.

It works with css({ camelCaseCssProps:...}) but I am trying to use css variables for theming without imports and I guess in general I'd rather keep the regular kebab-case css syntax in my global styles file:

// index.js
    
render(
  <Global
    styles={css`
      html {
        // css variables (and/or camel-case props)
        --color-base: white;
        --color-text: #434449;
       }
    `}
  />
)
0

1 Answer 1

6

Install the extension vscode-styled-components.

https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components

Sign up to request clarification or add additional context in comments.

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.