Skip to content

Commit a1040af

Browse files
authored
(docs) add note about component syntax highlighting
1 parent 03717c0 commit a1040af

File tree

1 file changed

+21
-0
lines changed

1 file changed

+21
-0
lines changed

docs/README.md

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -62,6 +62,27 @@ You need to save the file to see the changes. If the problem persists after savi
6262

6363
If so, this will prevent the language server from getting noticed about updates, because it uses a file watcher for `js`/`ts` files.
6464

65+
#### Component syntax highlighting does not work
66+
67+
If your syntax highlighting seems to be not working for Svelte components, it may be that your color theme either sets the component color to "white" or does not set this kind of token at all. To change this, you can add something like the following in your `settings.json`:
68+
69+
```
70+
{
71+
"editor.tokenColorCustomizations": {
72+
"[<Name of your theme>]": {
73+
"textMateRules": [
74+
{
75+
"settings": {
76+
"foreground": "#569CD6", // any color you like
77+
},
78+
"scope": "support.class.component.svelte"
79+
}
80+
],
81+
},
82+
}
83+
}
84+
```
85+
6586
## Internals
6687

6788
- [Notes about deployment](./internal/deployment.md)

0 commit comments

Comments
 (0)