Is there a way to change the syntax highlight color of decorators in VSCode? Given the small example :
@HostListener('mouseenter')
onMouseEnter() {}
Both @HostListener
and onMouseEnter
are highlighted in the same color. I want to change that.
So far I tried messing with "editor.tokenColorCustomizations": { "functions" : "SomeColorHere"}}
, but this changes both the decorator and the function declaration.
Here is my config to use TODO highlight as Mark advised, i excluded require
and import
to avoid interfering with js and stylus
quick note on the screenshot: the
default
italic style is from here, and the inline property is from here
"todohighlight.isEnable": true,
"todohighlight.isCaseSensitive": true,
"todohighlight.keywordsPattern": "@(?!require|import)[\\w-_.]*",
"todohighlight.defaultStyle": {
"color": "#1E88E5",
"backgroundColor": "0",
"fontWeight": "bold"
},
"todohighlight.include": [
"**/*.js",
"**/*.ts",
"**/*.vue",
],
"todohighlight.exclude": [
"**/node_modules/**",
"**/bower_components/**",
"**/dist/**",
"**/build/**",
"**/.vscode/**",
"**/.github/**",
"**/_output/**",
"**/*.min.*",
"**/*.map",
"**/.next/**"
],
"todohighlight.maxFilesForSearch": 5120,
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With