I'm currently working on a code editor with Monaco. The syntax highlighting in Monaco for Javascript and Typescript only highlights keywords as dark blue, strings as brown, and numbers as light greenish-yellow.
My goal is to customize the vs-dark theme so that variables are displayed in light blue, types in dark green, and functions in yellow. Will the following code achieve this?
monaco.editor.defineTheme('custom', {
base: 'vs-dark',
inherit: true,
rules: [
{
token: "identifier",
foreground: "#9CDCFE"
},
{
token: "identifier.function",
foreground: "#DCDCAA"
},
{
token: "type",
foreground: "#1AAFB0"
},
],
colors: {}
});
monaco.editor.setTheme('custom')
If possible, could you provide me with a list of all available tokens to further enhance my customization options?