Monokai RainStorm

A theme with neutral gray backgrounds with water highlights & Sweet Dracula Monokai syntax highlighting. Includes a light and dark mode.

Light Mode

Dark Mode

Inspiration

1. Sweet Dracula Monokai syntax highlighting
2. Rainglow Userscape & Box UK background and foreground colors
3. Vidar highlight colors
4. Firefly Pro Midnight highlight scheme
5. Bearded Theme Vivid Black terminal ansi colours

Rainglow Themes Considered (Descending)

1. Userscape (Chosen - Light)
2. Box UK (Chosen - Dark)
3. Hub
4. Rainbow
5. Pleasure
6. Joker
7. Tame
8. Slime
9. Isotope
10. Laracasts

Installation

Method 1

1. In VS Code, launch the Quick Open panel (Ctrl + P for Windows & Linux) or (⌘ P for Mac)
2. Execute the following command: ext install mimo.monokai-rain

Method 2

1. In VS Code, open the Extensions view (Ctrl + Shift + X for Windows & Linux) or (⇧ ⌘ X for Mac)
2. In the search box, search for "Monokai Rain"
3. Click "Install" and from the Command Palette choose:
   1. "Monokai Rain" - for light mode
   2. "Monokai Storm" - for dark mode

Editor Settings in Preview Screenshot

1. Font: JetBrains Mono with ligatures
2. Icons: VSCode Icons

VSCode Editor settings:

  "editor.fontFamily": "'JetBrains Mono', 'monospace', monospace",
  "editor.fontLigatures": true,
  "editor.stickyScroll.enabled": true,
  "editor.semanticHighlighting.enabled": true,
  "editor.cursorWidth": 3,
  "editor.renderWhitespace": "boundary",
  "editor.guides.bracketPairs": "active",
  "editor.guides.bracketPairsHorizontal": false,
  "terminal.integrated.minimumContrastRatio": 7,
  "workbench.iconTheme": "vscode-icons",

Feedback

Feature requests, ideas or bug reports are always welcome. Feel free to send me feedback by opening an issue on Github. All types of feedback are appreciated.

Acknowledgements

1. Logo designed on LogoMakr
2. Terminal ansi colors testing with ANSI Colors