agneevX/dark-plus-syntax

VS Code's default dark theme, but just a little bit better.

{minor tweaks}

Enjoy!

Languages with Additions

• C#
• C/C++
• Crystal
• CSS
  • Stylus
  • SCSS
• Elixir
• Erlang
• Go
• Haskell
• HTML
  • ECR/EEX/EJS/ERB
  • Handlebars
  • Jinja2
  • Pug/Jade
  • Twig
  • Liquid
• Java
  • Kotlin
  • Groovy
• JavaScript
  • JSON
  • JSX
  • TypeScript
• Markdown
• Python
• Ruby
  • Vagrant
  • Cucumber (Gherkin)
• Rust
• Swift
• Misc.
  • CMake
  • CSV
  • GraphQL
  • Makefile
  • NGINX
  • Terraform
  • TOML
  • YAML

Tested With

I'm not necessarily endorsing the plugins on this list, I've just made sure this theme takes advantage of the syntax groups that they define.

If you like this theme but it doesn't support a certain language or plugin that you use, feel free to open an issue and I'll look into it.

• fr1zle/vscode-elixir
• bungcip/better-toml
• JustusAdam/language-haskell
• dunstontc/viml
• mauve/vscode-terraform
• jakebathman/mysql-syntax
• robinbentley/vscode-sass-indented
• mechatroner/vscode_rainbow_csv
• dunstontc/vscode-rust-syntax
• goessner/mdmath
• fwcd/KotlinLanguageServer
• angular/vscode-ng-language-service
• JavaScript
  • michaelgmcd/vscode-language-babel
  • joshpeng/Sublime-Babel-VSCode
  • Digitalbrainstem/ejs-grammar
  • vuejs/vetur
• Go
  • Microsoft/vscode-go
  • dunstontc/vscode-go-syntax
• Ruby
  • GingerBear/vscode-liquid
  • alexkrechik/VSCucumberAutoComplete
• GraphQL
  • kumarharsh/graphql-for-vscode
  • prisma-labs/vscode-graphql

Resources & References

• Microsoft/vscode-textmate
• Scope Naming
• VSCode Theme Colors

Contributing

The code is split up by language into individual JavaScript files, which live in src/partials. So if you wanted to see the Ruby colors, for example, those are in src/partials/ruby.js. Those files are imported, merged, and written out to themes/dark-plus-syntax-color-theme.json

To make changes

1. Clone the project
2. Change a file in src/partials
3. Run npm install to install development dependencies.
4. Run npm run build to build the theme file with the new changes.
5. Go to the Debug dropdown and click Start Debugging to run the new version of the theme locally.

License

Italic Comments

This theme doesn't have italic comments (idk why), but you can get them by adding this to your settings.json file:

"editor.tokenColorCustomizations": {
  "textMateRules": [
    {
      "scope": ["comment"],
      "settings": {"fontStyle": "italic"},
    },
  ]
}