0.17.0

Changelog for Nord Visual Studio Code — An arctic, north-bluish clean and elegant Visual Studio Code theme.

⇅ Show all commits

This release version includes various theme features introduced in Visual Studio Code versions 1.46 to 1.57.

Features

Color tokens for input fields — #200 ⇄ #210 (⊶ 59ad161)

↠ VS Code 1.46 (May 2020) introduced the new inputOption.activeForeground theme token for the foreground color of active inputs which are used in the search view and find widget.
The token uses nord6 to make it more conform with Nord's style.

Pinned tabs, Git and charts color tokens — #202 ⇄ #211 (⊶ 973b927)

↠ VS Code 1.50 (September 2020) introduced new theme color tokens pinned tabs, Git integration and charts.

The following tokens have been added to make it more conform with Nord's style:

• tab.lastPinnedBorder — border on the right of the last pinned editor to separate from unpinned editors.
• gitDecoration.stageDeletedResourceForeground — foreground color for staged deletions git decorations.
• gitDecoration.stageModifiedResourceForeground — foreground color for staged modifications git decorations.
• Colors intended to be used by data visualization extensions:
  • charts.red
  • charts.blue
  • charts.yellow
  • charts.orange
  • charts.green
  • charts.purple
  • charts.foreground
  • charts.lines

Git Staged State Decorations

Deleted

Modified

Last Tab Separator

Before

After

Status bar error color tokens — #203 ⇄ #212 (⊶ a51c0ef)

↠ VS Code 1.52 (November 2020) introduced new theme color tokens for error items in the status bar.

The following tokens have been added to make it more conform with Nord's style:

• statusBarItem.errorBackground — status bar error items background color. Error items stand out from other status bar entries to indicate error conditions.
• statusBarItem.errorForeground — status bar error items foreground color. Error items stand out from other status bar entries to indicate error conditions.

Sash hover border color token — #204 ⇄ #213 (⊶ 097e0cc)

↠ VS Code 1.52 (November 2020) introduced the new sash.hoverBorder theme color token for the sash border in hover state.
The token uses nord8 to make it more conform with Nord's style.

Before

gh-204-before.mp4

After

gh-204-after.mp4

Color token for debugged line shown in overview ruler — #205 ⇄ #214 (⊶ 94f35a3)

↠ VS Code 1.52 (November 2020) introduced the new editor.focusedStackFrameHighlightBackground theme color token to highlight the currently focused debugged line in the overview ruler.
Additionally, the editor.stackFrameHighlightBackground key has been added that is used to highlight the decoration in the overview ruler on the right of the editor.
Both tokens use nord10 to make them more conform with Nord's style.

Deprecated color token for focused background of list/tree UI elements — #206 ⇄ #215 (⊶ 942e9d1)

↠ VS Code 1.54 (February 2021) introduced a breaking change for the focused background color of list/tree UI elements by deprecating the list.focusBackground in favor of the quickInputList.focusBackground theme color token. The advised adaption for theme authors is to simply adopt the same value of the deprecated token.

Color tokens for secondary buttons of custom dialogs — #207 ⇄ #216 (⊶ 24e34f8)

↠ VS Code 1.56 (April 2021) introduced new colors tokens for secondary buttons of custom dialogs:

• button.secondaryBackground
• button.secondaryForeground
• button.secondaryHoverBackground

This also includes a visual improvement for the current Nord theme styles of primary buttons:

• button.background - nord2 to nord8 with a transparency of ~93%.
• button.foreground - nord4 to nord0.
• button.hoverBackground - nord3 to nord8.

Before

gh-207-custom_dialog-before.mp4

After

gh-207-custom_dialog-after.mp4

Color tokens for keybinding labels — #208 ⇄ #217 (⊶ 266a8a1)

↠ VS Code 1.56 (April 2021) introduced new color tokens for keybinding labels.
These have been added to make them conform with Nord's theme style:

• keybindingLabel.background — keybinding label background color used to represent a keyboard shortcut.
• keybindingLabel.foreground — keybinding label foreground color used to represent a keyboard shortcut.
• keybindingLabel.border — keybinding label border color used to represent a keyboard shortcut.
• keybindingLabel.bottomBorder — keybinding label border bottom color used to represent a keyboard shortcut.

Command Palette

Before

After

Key Binding Configurations

Before

After

Color tokens for debugger inline values — #209 ⇄ #218 (⊶ 299f1cd)

↠ VS Code 1.57 (May 2021) introduced new color tokens for debugger inline values.
They have been added to make them conform with Nord's theme style:

• editor.inlineValuesBackground — color for the debug inline value foreground text.
• editor.inlineValuesForeground — color for the debug inline value background.

The full changelog is available in the repository.

Copyright © 2017-present Arctic Ice Studio and Sven Greb