Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

VSCode

Homepage: https://code.visualstudio.com

Maintainers: Erin Pletches and Daniel Thwaites (@Flameopathic @danth)


When theming is enabled for VSCode, Stylix will create and apply its own VSCode theme, as well as configure settings concerning fonts.

tip

The theme created is called Stylix, and if one so desires, its colors can be changed using programs.vscode.profiles.<name>.userSettings (exactly as one would customize any other VSCode theme). See the example below; the syntax is explained in the VSCode documentation.

programs.vscode.profiles.default.userSettings = {
  "workbench.colorCustomizations" = {
    "[Stylix]" = {
      "editor.wordHighlightBackground"  = "#${colors.base02}66";
      "editor.hoverHighlightBackground" = "#${colors.base02}66";
    };
  };
};

Home Manager options

stylix.targets.vscode.colors.enable

Whether to enable config.lib.stylix.colors for VSCode.

Type

boolean

Default

true

Example

false

Source

stylix.targets.vscode.colors.override

Attribute sets are recursively merged with config.lib.stylix.colors, while all other non-null types override config.lib.stylix.colors.

Type

anything

Default

null

Source

stylix.targets.vscode.enable

Whether to enable theming for VSCode.

Type

boolean

Default

config.stylix.autoEnable

Example

false

Source

stylix.targets.vscode.fonts.enable

Whether to enable config.stylix.fonts for VSCode.

Type

boolean

Default

true

Example

false

Source

stylix.targets.vscode.fonts.override

Attribute sets are recursively merged with config.stylix.fonts, while all other non-null types override config.stylix.fonts.

Type

anything

Default

null

Source

stylix.targets.vscode.profileNames

The VSCode profile names to apply styling on.

Type

list of string

Default

[
  "default"
]

Source

NixOS options

None provided.