How to customize token styles (for markdown)?

[maxiptah]

I am using Avalonia TextEditor:

_editor = this.FindControl<TextEditor>("Editor");
_editor.Text = "# Markdown Editor\n\nStart typing your markdown here...";
var  _registryOptions = new RegistryOptions(ThemeName.AtomOneDark);
var _textMateInstallation = _editor.InstallTextMate(_registryOptions);            _textMateInstallation.SetGrammar(_registryOptions.GetScopeByLanguageId("markdown"));

This generally works, but markdown highlighting is really basic, e.g. all headers h1-h6 are rendered the same. I found out that the package produces tokens that can be styled. But where do I inject my styles for this?

Alternatevly, are there ready made options to get nice markdown highlighting?

[danipen]

TextMateSharp itself doesn’t expose a “CSS-like” place where you override token colors the way VS Code themes do.

In AvaloniaEdit, the TextMate integration already maps TextMate scopes to colors using the theme you pass (AtomOneDark in your case). The Markdown grammar, and themes are the same one used by VS Code, so in theory you should get the same scope breakdown.

If the built-in themes are not enough and you want full control, the way to customize highlighting in AvaloniaEdit is to plug your own LineTransformer. The TextMate one is placed here:

https://github.com/AvaloniaUI/AvaloniaEdit/blob/8dea781b49b09dedcf98ee7496d4e4a10b410ef0/src/AvaloniaEdit.TextMate/TextMateColoringTransformer.cs#L108

You can register your own LineTransformer on the editor and apply styles based on the token scopes coming from TextMate, using TextMateColoringTransformer as a reference.