Skip to content

Color tokens for TypeScript and JavaScript inlay hints #232

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Sep 21, 2021

Conversation

arcticicestudio
Copy link
Contributor

Resolves #224

VS Code 1.60 (August 2021) introduced inlay hints for JavaScript and TypeScript (opt-in via editor.inlayHints.enabled), including new color tokens to customize their appereance. They have been added and adjusted to match Nord's theme style:

  • editorInlayHint.background — the background color used for inline hint boxes.
  • editorInlayHint.foreground — the foreground color used for inline hint boxes.

Before

After

VS Code 1.60 [1] (August 2021) introduced inlay hints for JavaScript and
TypeScript [2] (opt-in via `editor.inlayHints.enabled`), including new
color tokens to customize their appereance.
They have been added and adjusted to match Nord's theme style:

- `editorInlayHint.background` - the background color used for inline
  hint boxes.
- `editorInlayHint.foreground` - the foreground color used for inline
  hint boxes.

[1]: https://code.visualstudio.com/updates/v1_60
[2]: https://code.visualstudio.com/updates/v1_60#_inlay-hints-for-javascript-and-typescript

GH-224
@arcticicestudio arcticicestudio merged commit 2ea762e into develop Sep 21, 2021
@arcticicestudio arcticicestudio deleted the feature/gh-224-ts-js-inlay-hints branch September 21, 2021 20:26
arcticicestudio added a commit that referenced this pull request Sep 25, 2021
VS Code 1.60 [1] (August 2021) introduced inlay hints for JavaScript and
TypeScript [2] (opt-in via `editor.inlayHints.enabled`), including new
color tokens to customize their appereance.
They have been added and adjusted to match Nord's theme style:

- `editorInlayHint.background` - the background color used for inline
  hint boxes.
- `editorInlayHint.foreground` - the foreground color used for inline
  hint boxes.

[1]: https://code.visualstudio.com/updates/v1_60
[2]: https://code.visualstudio.com/updates/v1_60#_inlay-hints-for-javascript-and-typescript

Closes GH-224
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Color tokens for TS & JS inlay hints
2 participants