Typescript: using the css helper with generics breaks syntax highlighting

[stevematney]

Syntax highlighting breaks and reverts to simple string coloration when writing code like this:

export const backgroundColorStyles = css<BackgroundColorStyles>`
  background-color: ${({ backgroundColor }) => backgroundColor};
`;

I've been able to work around the problem by writing nested css calls like this:

export const backgroundColorStyles = css<BackgroundColorStyles>`
  ${({ backgroundColor }) => css`
    background-color: ${backgroundColor};
  `}
`;

[stevematney]

@JESii this might be a good one to take a shot at if you're still interested in trying it out!

[JESii]

Thanks, @stevematney -- I'm kinda buried ATM, but will see what I can do!

[stevematney]

No worries! Thanks!