VS Code - Latex Workshop - how to enable custom highlighting?

Question

I'm finding the section subsection highlighting is not enough for me and I can barely see it.

I think there is a way to customize things. You can see various entries in the repo for section.name and I think you just add these to the settings.json but am not quite clear what to add. Is there one example in the repo that is most illustrative?

Answer 1

See https://github.com/James-Yu/LaTeX-Workshop/wiki/FAQ#customizing-a-color-theme

The scope inspector of VS Code is really helpful. https://code.visualstudio.com/api/language-extensions/syntax-highlight-guide#scope-inspector

Answer 2

Here is my color theme mimicking the Overleaf style.

"editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": [
                    "support.function.be.latex",
                    "support.function.general.tex",
                    "support.function.section.latex",
                    "support.function.textit.latex",
                    "support.function.texttt.latex",
                    "support.function.textbf.latex",
                    "support.function.textsc.latex",
                    "support.function.url.latex",
                    "support.function.footnote.latex",
                ],
                "settings": {
                    "foreground": "#0000FF"
                }
                
            },
            {
                "scope": [
                    "variable.parameter.function.latex",
                    "constant.other.reference.citation.latex"
                ],
                "settings": {
                    "foreground": "#67a4ad",

                }
            }
        ],

    }