New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Incorrect syntax highlighting in props #402

Open

loganliffick opened this issue Mar 15, 2023 · 1 comment

Labels

bug

loganliffick commented Mar 15, 2023

Description
Arrow syntax highlighting is taking on 2 colors.

Screenshot

To Reproduce

const StyledDiv = styled.div`
  max-width: 800px;
  margin: 0 auto;

  display: flex;
  flex-direction: ${(props) => props.direction};
  gap: 24px;
`;

Expected behavior
Arrow should be 1 color.

Build environment:

OS: MacOS Venture 13.2.1
VSCode Version: 1.76.2
Extension Version: 1.7.5

Additional note

props are colored correctly with the extension disabled

Issue occurs with vscode font ligature support set to either true or false

The text was updated successfully, but these errors were encountered:

loganliffick added the bug label

BrynnaWee commented Jul 19, 2023 •

edited

I have same issue.

OS: Window10
VSCode Version: 1.75.1
Extension Version: 1.7.2, (updated 1.7.8 but it still occurs)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment