Dioxus RSX(HTML) Syntax Highlighter

Dioxus-RSX (Rust-HTML)

Highlight Dioxus RSX(HTML) files in VS Code

This is with much love for the Dioxus community.

This example is not a Theme, it is only a highlight of syntax.

The used theme is Monokai Vibrant Rust

Dioxus-RSX Example

Change Colors

If you want to change the colors, you can do so by adding the following to your settings.json file:

Replace #customColor with the color you want to use, for example #ff0000 for red.

"editor.tokenColorCustomizations": {
  "textMateRules": [
    {
      "name": "tags html",
      "scope": "keyword.other.rust.rsx",
      "settings": {
        "foreground": "#customColor"
      }
    },
    {
      "name": "attributes html",
      "scope": "entity.name.function.rsx",
      "settings": {
        "foreground": "#customColor"
      }
    }
  ]
}

If your theme is `One Dark Pro`

"editor.tokenColorCustomizations": {
  "[One Dark *]": {textMateRules here}
}

SemanticHighlighting

For that the theme to works correctly, by default the extension disables the editor.semanticHighlighting.enabled, if you want to activate it put the following in your settings.json

Warning, this may cause highlighting to not work correctly

"[rust]": {
  "editor.semanticHighlighting.enabled": true,
}

Extras

If you want to collaborate or you find a bug, don't hesitate to let me know Contact Me/Jhon AF

Don't forget to leave a review on the Marketplace! Enjoy!

Jhon AF