How to change the color of the keyword #1224
-
|
By default, the color of the keywords in the 'Dark Modern' theme is purple: I would like it to be blue which is the same as for TS: How I can achieve so? BTW, I'm curious why the colors are the same for some color themes like 'Dark(Visual Studio)'(all blue) |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 3 replies
-
|
@jiashengguo These are just done using different scopes for the textMate tokenizer. You can inspect the scope of a token in vscode by executing the To change this you need to modify the generated textMate grammar to use a different scope for your keywords. Since Langium doesn't really know which keyword belongs to which scope (see also the discussion over at #818), it will just generate all keywords into the default keyword scope ( To use the blue colored keywords in your example, you need to switch from the
In vscode, it's completely up to the theme designer to change the color certain scopes use. The language server/textMate grammars have no influence over the actual coloring, they just give the editor some syntactic/semantic token data. The actual coloring is purely depended on the theme. |
Beta Was this translation helpful? Give feedback.
-
|
@msujew Thank you so much! Not only did you answer my question, but you also taught me more! It worked after I directly changed it in the tmLanguage.json file. However, it will be reverted back if I regenerate it with |
Beta Was this translation helpful? Give feedback.
-
|
You're welcome :)
Not as of now. Our recommendation is generally to use the generated textmate/syntax highlighting files as a starting point for prototyping and create a hand-written syntax highlighting file for production usage. We do the same for our own Langium DSL, since it requires more advanced stuff such as regex highlighting. |
Beta Was this translation helpful? Give feedback.
-
|
Got it. One more thing learned from you. Thanks! |
Beta Was this translation helpful? Give feedback.
@jiashengguo These are just done using different scopes for the textMate tokenizer. You can inspect the scope of a token in vscode by executing the
Developer: Inspect Editor Tokens and Scopescommand.To change this you need to modify the generated textMate grammar to use a different scope for your keywords. Since Langium doesn't really know which keyword belongs to which scope (see also the discussion over at #818), it will just generate all keywords into the default keyword scope (
keyword.control.<id>).To use the blue colored keywords in your example, you need to switch from the
keyword.control.<id>to thekeyword.storage.<id>scope.