Vscode Theme Color Matching VEX's?
1232 8 2-
- Wren
- Member
- 531 posts
- Joined: July 2005
- Offline
-
- timurproko
- Member
- 17 posts
- Joined: March 2022
- Offline
Add this to your VSCode settings.json, and you'll achieve nearly 1 to 1 similarity. While there are a few instances where VSCode might appear slightly different, about 90% of the time it will look identical.
{
// Visual customizations
"editor.tokenColorCustomizations": {
"textMateRules": [
{
// Following will be in italic
"scope": [
"comment",
"entity.name.type.class", //class names
"keyword", //import, export, return
"constant", //String, Number, Boolean, this, super
"storage.modifier", //static keyword
"storage.type.class.js", //class keyword
],
"settings": {
"fontStyle": "italic"
}
},
{
// Following will be excluded from italics (VSCode has some defaults for italics)
"scope": [
"invalid",
"keyword.operator",
"constant.numeric.css",
"keyword.other.unit.px.css",
"constant.numeric.decimal.js",
"constant.numeric.json"
],
"settings": {
"fontStyle": ""
}
},
{
// Vex colors like in Houdini
"scope": [
"keyword.operator.vex",
"constant.numeric.vex",
"punctuation.group.vex",
"constant.language",
],
"settings": {
"foreground": "#CCCCCC"
}
},
{
"scope": [
"variable.other.normal.vex",
"entity.name.tag.vex",
"keyword.preprocessor.vex",
"comment.block.preprocessor.vex"
],
"settings": {
"foreground": "#DEAE6F"
}
},
{
"scope": [
"storage.type.builtin.vex",
"keyword.control.vex",
"storage.modifier.vex",
],
"settings": {
"foreground": "#EB76EB"
}
},
{
"scope": [
"entity.name.function.vex",
],
"settings": {
"foreground": "#66CCCC"
}
},
{
"scope": [
"comment.line.double-slash.vex",
],
"settings": {
"foreground": "#EDED77"
}
},
{
"scope": [
"string.quoted.double.vex",
"string.quoted.single.vex",
],
"settings": {
"foreground": "#66CC66"
}
},
]
}
}
Edited by timurproko - April 21, 2024 13:18:39
-
- ikoon
- Member
- 201 posts
- Joined: Jan. 2016
- Offline
-
- timurproko
- Member
- 17 posts
- Joined: March 2022
- Offline
-
- ikoon
- Member
- 201 posts
- Joined: Jan. 2016
- Offline
-
- oldteapot7
- Member
- 86 posts
- Joined: Jan. 2018
- Offline
-
- timurproko
- Member
- 17 posts
- Joined: March 2022
- Offline
Hey everyone, I've made some updates to the code above. If you use it on its own, it should work. Since everyone's VSCode settings can be different, you'll need to decide how to integrate it into your specific configuration.
You could start by clearing all your configurations and testing my code first.
You could start by clearing all your configurations and testing my code first.
-
- ikoon
- Member
- 201 posts
- Joined: Jan. 2016
- Offline
-
- timurproko
- Member
- 17 posts
- Joined: March 2022
- Offline
-
- Quick Links