Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Dark+ MaterialNew to Visual Studio Code? Get it now.

Dark+ Material

vangware

|
222,779 installs
| (22) | Free
The default Dark+ Theme, with material palette and always up to date
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Dark+ Material

Dark+ Material logo

Reason behind this

I really love the default Dark+ Theme that comes with Visual Studio Code, but also love the Material Design Palette. The thing is I didn't found a good material theme (the coloring is always ugly for my taste). So I made this theme that implements the Material Design Palette in the Dark+ theme that comes with Visual Studio Code.

How is this theme updated?

When VSCode makes an update, I run a script that takes the code from the VSCode repository, pipes it trough a mapping function and it results in the json file for this theme:

VSCode update -> mapping (1 VSCode color => 1 Material color) -> Dark+ Material update.

Screenshots

JavaScript

JavaScript example

LESS

LESS example

TypeScript

TypeScript example

Installing

Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.

ext install dark-plus-material

Recommended Plugins and settings

  • Material Icon Theme (by Philipp Kief): Beautiful icon theme that looks awesome with this theme.
  • FiraCode (by Nikita Prokopov): The best code ligature font I found, used in the screenshots.
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2019 Microsoft