Skip to content
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

Color tokens for bracket pair colorization #231

Merged

Conversation

arcticicestudio
Copy link
Contributor

Resolves #225

VS Code 1.60 (August 2021) introduced native, high performance bracket pair colorization (opt-in via editor.bracketPairColorization.enabled setting) to address performance issues of popular extensions.
The color tokens will be added and adjusted to match Nord's theme style:

  • statusBarItem.warningBackground — the background color used for warning items in the status bar that stand out from other status bar entries to indicate warning conditions.
  • statusBarItem.warningForeground — the foreground color used for warning items in the status bar that stand out from other status bar entries to indicate warning conditions.

Note that bracket pair colorization is a feature that does not go well with the design concepts of Nord and the recommendation is therefore to not enable it. Of course this is always a personal preference and the feature be used as you wish, but note that the bracket colors defined by the Nord theme won't be changed on request but users can simply customize it on their own.

Preview

VS Code 1.60 [1] (August 2021) introduced native, high performance
bracket pair colorization [2] (opt-in via
`editor.bracketPairColorization.enabled` setting) to address performance
issues of popular extensions.
The color tokens have been added and adjusted to match Nord's theme
style:

- `statusBarItem.warningBackground` - the background color used for
  warning items in the status bar that stand out from other status bar
  entries to indicate warning conditions.
- `statusBarItem.warningForeground` - the foreground color used for
  warning items in the status bar that stand out from other status bar
  entries to indicate warning conditions.

Note that bracket pair colorization is a feature that does not go well
with the design concepts of Nord and the recommendation is therefore to
not enable it. Of course this is always a personal preference and the
feature be used as you wish, but note that the bracket colors defined by
the Nord theme won't be changed on request but users can simply
customize it on their own [3].

[1]: https://code.visualstudio.com/updates/v1_60
[2]: https://code.visualstudio.com/updates/v1_60#_high-performance-bracket-pair-colorization
[3]: https://www.nordtheme.com/docs/ports/visual-studio-code/customization

Co-authored-by: Sven Greb <development@svengreb.de>

GH-225
@arcticicestudio arcticicestudio merged commit b3f2b83 into develop Sep 19, 2021
@arcticicestudio arcticicestudio deleted the feature/gh-225-color-tokens-bracket-pair-colorization branch September 19, 2021 21:32
arcticicestudio added a commit that referenced this pull request Sep 25, 2021
VS Code 1.60 [1] (August 2021) introduced native, high performance
bracket pair colorization [2] (opt-in via
`editor.bracketPairColorization.enabled` setting) to address performance
issues of popular extensions.
The color tokens have been added and adjusted to match Nord's theme
style:

- `statusBarItem.warningBackground` - the background color used for
  warning items in the status bar that stand out from other status bar
  entries to indicate warning conditions.
- `statusBarItem.warningForeground` - the foreground color used for
  warning items in the status bar that stand out from other status bar
  entries to indicate warning conditions.

Note that bracket pair colorization is a feature that does not go well
with the design concepts of Nord and the recommendation is therefore to
not enable it. Of course this is always a personal preference and the
feature be used as you wish, but note that the bracket colors defined by
the Nord theme won't be changed on request but users can simply
customize it on their own [3].

[1]: https://code.visualstudio.com/updates/v1_60
[2]: https://code.visualstudio.com/updates/v1_60#_high-performance-bracket-pair-colorization
[3]: https://www.nordtheme.com/docs/ports/visual-studio-code/customization


Co-authored-by: Sven Greb <development@svengreb.de>

Coses GH-225
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.

Bracket color in VSCode 1.60
2 participants