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

Plastic

Will Stone

|
54,535 installs
| (27) | Free
A simple theme.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Plastic

A simple syntax and UI theme for Visual Studio Code.


v3 introduced a new syntax colour: lavender for functions. This helps tone-down the amount of whiskey colour, which is now mainly used for JSX props. The scopes have also been simplified further, separating them into clear types. However, worry not if you preferred v2, this can still be found in the theme-picker under "Plastic Legacy v2".


Notable features

  • Dark UI elements for all-day coding.
  • Small colour palette to avoid visual overload.
  • Additional deprioritised-punctuation theme; concentrate on the content.

Screenshot

Colours

Inspired by Atom's One Dark theme, yet simpler and darker.

Colour names provided by Chirag Mehta's fantastic Name That Colour website.

Syntax

  • #5f6672 Shuttle Gray #5f6672 - Comments
  • #a9b2c3 Cadet Blue #a9b2c3 - Punctuation
  • #b57edc Lavender #b57edc - Functions
  • #e06c75 Sunglo #e06c75 - Keywords
  • #56b6c2 Fountain Blue #56b6c2 - Primitives
  • #61afef Cornflower Blue #61afef - Storage
  • #98c379 Olivine #98c379 - Strings
  • #e5c07b Harvest Gold #e5c07b - Tags
  • #d4d7d9 Iron #d4d7d9 - Variables
  • #d19a66 Whiskey #d19a66 - JSX props

Contribute

Themes can always be improved and tweaked so please feel free to log issues and send pull requests. However, please keep in mind that this theme strives to remain simple and language agnostic; for example, please do not ask for blah.blah.php or blah.blah.c scopes to be added. Also, and this is purely personal, I'm a JavaScript developer and therefore anything that alters the colours for the JavaScript language will receive much more scrutiny before being merged in.

Clone the repository to .vscode/extenstions/(remember to remove any other installed versions of Plastic), run npm i to install dependencies.

Use Microsoft's theme color reference for UI theming help.

You'll notice that the syntax is grouped by colour instead of scope. I find this much nicer to maintain.

License

MIT

Development

The themes are created using a generator: src/build.js. The configuration can be found in the src/config-v*.yaml files.

Build

Install the dependencies using npm v7+:

npm i

Then compile the theme files to the themes folder using:

npm run build
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2019 Microsoft