How can I dim semicolons and curly braces in VS Code for all languages?

Is there any way to dim/hide semicolons and curly braces in VS Code? (I want to do this for all languages).

<img src="https://i.stack.imgur.com/4ZRrM.png" height="100">

You can use the extension Highlight

Add this to your settings:

"highlight.regexes": {
  "(;|\\{|\\})": [
    { "color": "#ffffff" }
  ]
}

Instead of #ffffff choose a color that is equal or close to the editor background color.

I had created a Pull Request to make the settings Theme specific but it is not merged.

Maybe you have to change the setting highlight.maxMatches to get all changed.

I could be wrong, but I don't think such a thing exists (at least at the time of this writing).

I looked through the generic customization points in editor.semanticTokenColorCustomizations > rules and in editor.tokenColorCustomizations and didn't see anything in particular for braces, semicolons, or punctuation.

I think you'll have to do this on a per-language basis, which is the usual route of using the Developer: Inspect Editor Tokens and Scopes command and getting scopes and writing colour customizations for each one.