question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Colors don’t match VS Code

See original GitHub issue

Consider the following:

const shiki = require('shiki')

shiki.getHighlighter({
  theme: 'light_plus'
}).then(highlighter => {
  console.log(highlighter.codeToHtml(`return 'shiki';`, 'js'))
})

This is the result I’m getting:

<pre class="shiki" style="background-color: #fff"><code><span style="color: #0000FF">return</span><span style="color: #000000"> </span><span style="color: #A31515">'shiki'</span><span style="color: #000000">;</span></code></pre>
Screen Shot 2020-03-10 at 12 02 12 AM

But this is what I see in VS Code using the same theme:

Screen Shot 2020-03-10 at 12 03 10 AM

(Note the color of the return keyword.)

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:10 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
leafaccommented, Aug 27, 2020

Awesome. This is perfect now. One more time: Thank you very much for this project!

1reaction
octrefcommented, Aug 23, 2020

Soon, doing the release preps.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Some colors don't match with the original VSCode theme #72
Hi, thanks for the colorscheme, it's my favorite and the one I have been using for the past couple of months.
Read more >
When Your iOS Colors Don't Match in Storyboards vs Code
Set in storyboard file with color profile of Generic RGB. Views One and Three match, but the others are not the same. By...
Read more >
Bracket pair colorization 10000x faster - Visual Studio Code
When dealing with deeply nested brackets in Visual Studio Code, it can be hard to figure out which brackets match and which do...
Read more >
How to turn off "matching" highlighting in VS Code?
Go to Preferences -> Settings and there search for Highlight. A lot of option would appear, but the ones useful would be under...
Read more >
Bring VS Code themes to Visual Studio 2022!
The Theme Converter tool converts color tokens from a VS Code theme and ... and can match your Visual Studio and Visual Studio...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found