Whitespace colors should be more customizable.

Open
#320,304 0 comments 0 reactions 1 assignee View on GitHub

@hediet is already working on this.

Since Jun 8, 2026.

Assessment

This issue has not been assessed yet.

Description

With most dark themes, whitespace characters are barely visible. Currently, VS Code only allows a fixed foreground color to be specified for them.

I think it would be much more useful if VS Code allowed users to define both foreground and background colors, and also reference colors from the active theme, for example:

"workbench.colorCustomizations": {
    "editorWhitespace.foreground": "editor.background",
    "editorWhitespace.background": "editor.foreground"
}

Alternatively, VS Code could support relative color adjustments based on the current theme colors, such as:

"workbench.colorCustomizations": {
    "editorWhitespace.foreground": "darker(+30)",
    "editorWhitespace.background": "lighter(+25)"
}

This would make whitespace characters clearly visible regardless of the selected theme, without requiring users to manually configure colors for each theme they use.

A good example is shown in the screenshot:
Image

It would also be nice if more control characters were displayed.

Dominant language
TypeScript
Stars
193k
Forks
42.9k
PR merge metrics
PR metrics pending

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from microsoft/vscode

All issues in microsoft/vscode

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.