vscode-theme-onedark icon indicating copy to clipboard operation
vscode-theme-onedark copied to clipboard

Enable semantic highlighting in the Atom One Dark theme

Open aeschli opened this issue 4 years ago • 2 comments

Since 1.43, VSCode themes can take advantage of semantic highlighting.

Every theme controls whether semantic tokens are enabled. So far, only built-in themes have it enabled and I filed this issue to ask you to opt-in for the Atom One Dark theme as well.

Adoption is easy and there are new cool styling possibilities.

To turn on semantic highlighting for a theme, all you have to do is put "semanticHighlighting": true in the theme's definition file.

There's a good chance that no further change to the theme is needed (thanks to a default mapping from semantic tokens to TextMate scopes (if not, I'd be interested to know, so I can improve the defaults further)).

But, more interestingly, themes can tune and go wild by defining new styling rules against the semantic tokens:

"semanticTokenColors": {
    "variable.readonly": "#ff0000", 
    "parameter": { "fontStyle": "underline" },
    "*.declaration:java": { "fontStyle": "bold" }
} 

Check out our Semantic Highlighting Wiki and the Semantic Highlighting Guide for more details and feel free to ping me in this issue if I can help.

Thanks for the great work and looking forward to semantic highlighting in your theme.

aeschli avatar Apr 23 '20 14:04 aeschli

Thank you for opening this issue, this is something I'm willing to work on for a 3.0 release. I think it has the potential of resolving some of the most raised issues here regarding JS highlighting.

I'll let you know if I find anything that breaks.

akamud avatar Apr 23 '20 14:04 akamud

Thanks a lot for the feedback!

aeschli avatar Apr 23 '20 15:04 aeschli