Monokaizen (Mono改善)

Description

A dark theme inspired by the original 'Monokai Classic' theme introduced in Sublime Text using accurate sRGB hex codes.

This theme has been tailored to several languages to semantically highlight distinct elements of syntax.

It also includes a matching terminal theme:

Color Semantics

• White: The main foreground color that applies to all basic token types such as variables, namespaces, and operators.
• Grey: The background color for elements which serve to annotate the code, notably comments.
• Red: For reserved language-specific elements like keywords and tags.
• Green: For toxic mutators which execute functionality, notably functions.
• Purple: For epic (so cool there is only one of them) elements of a language which are atomic, immutable, or self-referencing such as Integers, Booleans, Regular Expressions, and Atoms.
• Cyan: For blueprint elements such as language primitives, and types.
• Yellow: The mellow color, good for high-frequency token types such as quoted string values in all languages.

Tailored Languages

• javascript
• json
• jsonc
• python
• ruby
• shellscript
• terraform
• terraform-vars
• typescript
• typescriptreact
• yaml

Other Features

Warning/Error Highlights (NO Squiggles!)

Find Match Highlights

Recommendations

CaskaydiaCove Nerd Font

The font utilized in the screenshots is CaskaydiaCove Nerd Font a fork of Cascadia Code by Microsoft. The Nerd Font enhanced variant can be found here

Additional Settings

Theme settings which I find add to the 'Zen' experience:

{
  "editor.bracketPairColorization.enabled": false,
  "editor.cursorBlinking": "solid",
  "editor.find.addExtraSpaceOnTop": false,
  "editor.fontFamily": "CaskaydiaCove Nerd Font",
  "editor.fontLigatures": false,
  "editor.fontSize": 14,
  "editor.guides.highlightActiveIndentation": false,
  "editor.lightbulb.enabled": "off",
  "editor.lineHeight": 1.3,
  "editor.occurrencesHighlight": "off",
  "editor.renderLineHighlight": "gutter",
  "editor.rulers": [
    80
  ],
  "editor.scrollBeyondLastLine": false,
  "editor.semanticHighlighting.enabled": false,
  "terminal.integrated.cursorStyle": "underline",
  "terminal.integrated.fontFamily": "CaskaydiaCove Nerd Font",
  "terminal.integrated.fontLigatures.enabled": false,
  "terminal.integrated.fontSize": 14,
  "terminal.integrated.lineHeight": 1.06,
  "terminal.integrated.minimumContrastRatio": 2.5,
  "window.title": "${appName}",
  "workbench.colorTheme": "Monokaizen",
  "workbench.iconTheme": null
}