hamxiaoz/monokai-slate-vscode

The best Monokai based dark theme for JavaScript developers and markdown readers

Monokai Slate - VSCode Dark Theme

The best Monokai based dark theme for JavaScript developers and markdown readers

Monokai Slate is a VS Code dark theme with a focus for:

1. Long time reading (both code and markdown)
2. Quick and easy spotting
3. Best support for JavaScript, TypeScript, JSON and Markdown.

It's ported and enhanced from my other theme for Atom editor: Monokai Slate - Atom, a top download (34k+) Monokai theme on Atom marketplace.

Preview

Markdown

JavaScript

TypeScript

JSON

HTML & CSS

Install

press ctl/command + shift + p to launch the command palette then run

ext install monokai-slate

Monokai Slate for Atom

If you use Atom, please checkout the same theme here

Develop

1. Modify theme json file
2. F5 to test
3. Create extension file (*.vslx) npm run package
4. Upload in https://marketplace.visualstudio.com/manage/publishers

Development Tips:

• Read this first: https://code.visualstudio.com/api/language-extensions/syntax-highlight-guide
• TextMate selectors: https://macromates.com/manual/en/language_grammars
• Use Developer: Inspect TM Scopes to inspect current token and color in VS Code.
• Hex color code with Opacity
• Creating a VS Code Theme on CSS Tricks
• vsce guide