GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → will-stone → Plastic

will-stone / Plastic

Licence: mit
A simple Visual Studio Code theme.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

themevisual-studio-code

Projects that are alternatives of or similar to Plastic

Vscode Zig
Zig language support for VSCode
Stars: ✭ 77 (-36.36%)
Mutual labels:  visual-studio-code
Vscode Numbered Bookmarks
Numbered Bookmarks Extension for Visual Studio Code
Stars: ✭ 90 (-25.62%)
Mutual labels:  visual-studio-code
Jhipster Ide
An IDE for the JHipster Domain Language
Stars: ✭ 109 (-9.92%)
Mutual labels:  visual-studio-code
Laravel Blade Snippets Vscode
Laravel blade snippets and syntax highlight support for Visual Studio Code
Stars: ✭ 80 (-33.88%)
Mutual labels:  visual-studio-code
Vscode Great Icons
🆚 A big pack of icons (100+) for your files
Stars: ✭ 88 (-27.27%)
Mutual labels:  visual-studio-code
My Cheat Sheets
A place to keep all my cheat sheets for the complete development of ASIC/FPGA hardware or a software app/service.
Stars: ✭ 94 (-22.31%)
Mutual labels:  visual-studio-code
Alfred Open With Vscode Workflow
Alfred 3 workflow for opening files or folders in Visual Studio Code.
Stars: ✭ 74 (-38.84%)
Mutual labels:  visual-studio-code
Vscode Language Pascal
Pascal language extension for Visual Studio Code
Stars: ✭ 117 (-3.31%)
Mutual labels:  visual-studio-code
Panda Syntax Vscode
Panda Project, created for Editors and Terminals
Stars: ✭ 89 (-26.45%)
Mutual labels:  visual-studio-code
Cheatsheets
A curated list of everything I look up more than twice
Stars: ✭ 109 (-9.92%)
Mutual labels:  visual-studio-code
Intellij Visual Studio Code
IntelliJ key bindings for MS Visual Studio Code
Stars: ✭ 80 (-33.88%)
Mutual labels:  visual-studio-code
Vscode Ppa
Visual Studio Code PPA
Stars: ✭ 83 (-31.4%)
Mutual labels:  visual-studio-code
Vscode Code Runner
Code Runner for Visual Studio Code
Stars: ✭ 1,332 (+1000.83%)
Mutual labels:  visual-studio-code
Vscode Gremlins
Gremlins tracker for Visual Studio Code: reveals invisible whitespace and other annoying characters
Stars: ✭ 78 (-35.54%)
Mutual labels:  visual-studio-code
Micropy Cli
Micropython Project Management Tool with VSCode support, Linting, Intellisense, Dependency Management, and more!
Stars: ✭ 112 (-7.44%)
Mutual labels:  visual-studio-code
New Moon Vscode
New Moon Theme for Visual Studio Code.
Stars: ✭ 75 (-38.02%)
Mutual labels:  visual-studio-code
Is Engine
SFML C++ game engine that allows to create games on Web (HTML 5 - CSS 3), Android and PC
Stars: ✭ 94 (-22.31%)
Mutual labels:  visual-studio-code
Vsc Material Theme
Material Theme, the most epic theme for Visual Studio Code
Stars: ✭ 1,617 (+1236.36%)
Mutual labels:  visual-studio-code
Vscode Matlab
MATLAB support for Visual Studio Code
Stars: ✭ 114 (-5.79%)
Mutual labels:  visual-studio-code
Openfolderinvscode
With this macOS service, you can quickly open any given folder as a project in Visual Studio Code from the Finders context menu.
Stars: ✭ 105 (-13.22%)
Mutual labels:  visual-studio-code
View All Similar Projects ➔

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".

Please note that v2 is no longer maintained.

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.

License

MIT

Development

The themes are created using a generator: src/index.js. The configuration can be found in the src/theme.js files.

Build

Install the dependencies using npm v7+:

npm i

Then compile the theme files to the themes folder using:

npm run build
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].