ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Visual Studio Code Plus Scheme

by vbasky ALL

Visual Studio Code Colour Scheme for Sublime

Labels color scheme

Details

Installs

  • Total 18K
  • Win 11K
  • Mac 3K
  • Linux 4K
Jun 10 Jun 9 Jun 8 Jun 7 Jun 6 Jun 5 Jun 4 Jun 3 Jun 2 Jun 1 May 31 May 30 May 29 May 28 May 27 May 26 May 25 May 24 May 23 May 22 May 21 May 20 May 19 May 18 May 17 May 16 May 15 May 14 May 13 May 12 May 11 May 10 May 9 May 8 May 7 May 6 May 5 May 4 May 3 May 2 May 1 Apr 30 Apr 29 Apr 28 Apr 27 Apr 26
Windows 2 2 4 1 3 1 2 4 5 1 0 0 0 0 0 0 0 1 6 1 1 2 1 3 3 2 2 4 5 2 0 0 2 3 5 6 3 1 3 1 7 3 2 5 4 2
Mac 0 3 1 2 0 1 0 1 0 1 0 0 0 0 0 0 0 0 3 0 1 0 4 0 1 0 1 0 0 2 1 0 0 0 1 1 1 0 0 2 1 1 2 4 1 2
Linux 2 3 0 0 2 2 1 3 2 0 0 0 0 0 0 0 0 1 1 2 1 2 3 1 2 0 0 2 2 1 2 1 1 1 0 0 0 2 1 2 0 1 1 2 1 2

Readme

Source
raw.​githubusercontent.​com

Visual Studio Code Plus Scheme

Package Control License: MIT Sublime Text

A colour scheme for Sublime Text that recreates the syntax highlighting from the default installation of Visual Studio Code. It is a faithful port of VS Code's Dark+ and Light+ token colours.

The package ships two schemes, which appear in Sublime's colour-scheme picker as:

Picker name File
Dark+ Dark+.sublime-color-scheme
Light+ Light+.sublime-color-scheme

Screenshots

Dark+ Light+
PHP PHP dark PHP light
HTML HTML dark HTML light
JavaScript/Vue JS dark JS light
Python Python dark Python light

Installation

Package Control (recommended)

  1. Open the Command Palette — Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux).
  2. Run Package Control: Install Package.
  3. Search for Visual Studio Code Plus Scheme and press Enter.

Manual

  1. Download Dark+.sublime-color-scheme and Light+.sublime-color-scheme from this repository.
  2. In Sublime Text, open the Command Palette and run Preferences: Browse Packages.
  3. Copy both files into the User directory.

Changing the colour scheme

There are two ways to activate or switch between Dark+ and Light+.

Option 1 — the colour-scheme picker (easiest)

  1. Open the Command Palette — Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux).
  2. Run UI: Select Color Scheme.
  3. Start typing Dark+ or Light+ and press Enter. The editor updates live as you arrow through the list, so you can preview before committing.

Option 2 — edit your settings

Open Preferences → Settings and add (or change) the "color_scheme" key in the right-hand pane:

Error: language “jsonc” is not supported
{
    // Dark+
    "color_scheme": "Packages/Visual Studio Code Plus Scheme/Dark+.sublime-color-scheme",

    // …or Light+
    // "color_scheme": "Packages/Visual Studio Code Plus Scheme/Light+.sublime-color-scheme",
}

Note: If you installed manually, the schemes live under Packages/User/ instead, so use "Packages/User/Dark+.sublime-color-scheme".

Switching automatically with the OS theme

Sublime Text 4 can follow your operating system's light/dark mode. Use Dark+ at night and Light+ during the day by adding:

Error: language “jsonc” is not supported
{
    "theme": "auto",
    "dark_color_scheme":  "Packages/Visual Studio Code Plus Scheme/Dark+.sublime-color-scheme",
    "light_color_scheme": "Packages/Visual Studio Code Plus Scheme/Light+.sublime-color-scheme",
}

Using it for one language only

To apply the scheme to a single syntax (e.g. just Python), open a file of that type and choose Preferences → Settings — Syntax Specific, then add the "color_scheme" key there. It will override the global setting for that syntax only.

Customizing colours

You don't need to edit the package files (those get overwritten on update). Instead, create an overlay:

  1. Run UI: Customize Color Scheme from the Command Palette.
  2. Sublime opens a <scheme-name>.sublime-color-scheme file in your User folder.
  3. Add variables or rules there — they are merged on top of the base scheme and survive updates.

Supported languages

Built and tested against the scopes Sublime emits for:

PHP · C · C++ · C# · JavaScript/Vue · Python · Java · Go · Groovy · HTML/Blade · CSS/Sass/SCSS/Less · JSON · XML · Markdown · YAML · MySQL

Because the scheme targets standard TextMate scopes (keyword, storage.type, entity.name.function, entity.name.type, string, constant.numeric, …), it works with virtually any language. If a token looks wrong in a specific language, please open an issue with a screenshot and the scope name of the affected token (place the cursor on it and run Tools → Developer → Show Scope Name).

Contributing

Issues and pull requests are welcome. When reporting a colouring problem, include the language, a screenshot, and the scope name of the affected token (Tools → Developer → Show Scope Name) so it can be reproduced and fixed quickly.

About

Created by Vikram Bhaskaran. MIT Licensed — see LICENSE.md.