Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/smridge/vscode-monokai-minimal

Monokai Minimal Syntax Theme for Visual Studio Code
https://github.com/smridge/vscode-monokai-minimal

visual-studio-code vscode vscode-extension vscode-theme

Last synced: 18 days ago
JSON representation

Monokai Minimal Syntax Theme for Visual Studio Code

Awesome Lists containing this project

README

        

# Monokai Minimal Syntax Theme for Visual Studio Code
[![Published Version to VS Code](https://img.shields.io/visual-studio-marketplace/v/SarahRidge.vscode-monokai-minimal)](https://marketplace.visualstudio.com/items?itemName=SarahRidge.vscode-monokai-minimal)
[![VS Code Downloads](https://img.shields.io/visual-studio-marketplace/d/SarahRidge.vscode-monokai-minimal)](https://marketplace.visualstudio.com/items?itemName=SarahRidge.vscode-monokai-minimal)
[![VS Code Installs](https://img.shields.io/visual-studio-marketplace/i/SarahRidge.vscode-monokai-minimal)](https://marketplace.visualstudio.com/items?itemName=SarahRidge.vscode-monokai-minimal)
[![GitHub License](https://img.shields.io/github/license/smridge/vscode-monokai-minimal.svg)](https://github.com/smridge/vscode-monokai-minimal/blob/master/LICENSE)

## Install
1. Run: `code --install-extension SarahRidge.vscode-monokai-minimal`
- Alternatively, extension can be installed via [marketplace](https://marketplace.visualstudio.com/items?itemName=SarahRidge.vscode-monokai-minimal).
2. In VS Code, set theme:
- Press command K T
- Select **Monokai Minimal**

## Examples
| `.rb` | `.js` |
| ----- | ----- |
| | |

## Colors
| Name | Code | Sample
|---------------|-----------|------------------------------------------------------------
| Black Dark | `#121212` |![#121212](https://via.placeholder.com/100X40/121212/121212)
| Black Medium | `#1a1a1a` |![#1a1a1a](https://via.placeholder.com/100x40/1a1a1a/1a1a1a)
| Blue | `#62d8f1` |![#62d8f1](https://via.placeholder.com/100x40/62d8f1/62d8f1)
| Cyan | `#62f1a2` |![#62f1a2](https://via.placeholder.com/100x40/62f1a2/62f1a2)
| Green | `#a4e400` |![#a4e400](https://via.placeholder.com/100x40/a4e400/a4e400)
| Gray | `#959da5` |![#959da5](https://via.placeholder.com/100x40/959da5/959da5)
| Gray Blue | `#424d66` |![#424d66](https://via.placeholder.com/100x40/424d66/424d66)
| Magenta | `#f92672` |![#f92672](https://via.placeholder.com/100x40/f92672/f92672)
| Orange Dark | `#ff9700` |![#ff9700](https://via.placeholder.com/100x40/ff9700/ff9700)
| Orange Medium | `#ffb140` |![#ffb140](https://via.placeholder.com/100x40/ffb140/ffb140)
| Orange Light | `#ffb957` |![#ffb957](https://via.placeholder.com/100x40/ffb957/ffb957)
| Purple | `#af87ff` |![#af87ff](https://via.placeholder.com/100x40/af87ff/af87ff)
| White | `#ebebe4` |![#ebebe4](https://via.placeholder.com/100x40/ebebe4/ebebe4)
| White Light | `#b3b3b3` |![#b3b3b3](https://via.placeholder.com/100x40/b3b3b3/b3b3b3)
| Yellow | `#ffff87` |![#ffff87](https://via.placeholder.com/100x40/ffff87/ffff87)
| Yellow Dark | `#ffe100` |![#ffe100](https://via.placeholder.com/100x40/ffe100/ffe100)

## Contribute
- `git clone [email protected]:smridge/vscode-monokai-minimal.git`
- Make changes to the `/src/theme.js` file.
- **UI**: For changes to the "outer UI", like (status bar, file navigation etc.), see [Theme Color](https://code.visualstudio.com/api/references/theme-color).
- **Syntax**: For changes to the "code highlighting", examine syntax scopes by invoking [Scope Inspector](https://code.visualstudio.com/api/language-extensions/syntax-highlight-guide#scope-inspector) command from the Command Palette
- command shift P
- Type and select: `Developer: Inspect Editor Tokens and Scopes`
- Press F5 to open a new window with extension loaded.
- This will run build script and auto generate new `/theme/dark.json` file.

## Publish (internal)
> Note: Publishing a new version of this theme is only meant for maintainers.
- `vsce package`
- `vsce publish`