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

Vivid Monokai

Giancarlo dalle Mole

|
526 installs
| (0) | Free
Dark Monokai inspired, with vivid colors and semantic highlight. Works for TypeScript/Javascript, HTML, CSS/SCSS and JSON and has preset configuration for Parameter Hints and Angular.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Vivid Monokai

Dark Monokai inspired, with vivid colors and semantic highlight.

Works for TypeScript/Javascript, HTML, CSS/SCSS, JSON and the embedded Terminal. Also has preset configuration for Parameter Hints and Angular Templates.

The used font on the following images is: Source Code Pro.

TypeScript

Editor Preview

HTML

Editor Preview

CSS/SCSS (+ terminal)

Editor Preview

JSON (+ terminal)

Editor Preview

Manual installation

Please install the following tool first:

  • npm i -g vsce
  1. Open a terminal on the vivid-monokai-vscode folder;
  2. Run vsce package;
  3. Run code --install-extension vivid-monokai-<x.x.x>.vsix, where <x.x.x> is the generated version from the previous command;
  4. Done, now you can choose the theme on VS Code theme menu;

Repository

  • Github: Vivid Monokai

Author

  • Giancarlo Dalle Mole [giancarlo.dallemole1995@gmail.com]
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft