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

Monokai RainStorm

Michelle Mounde

|
649 installs
| (1) | Free
| Sponsor
A theme with neutral gray backgrounds, grey and blue colors, water highlights & Sweet Dracula Monokai syntax highlighting
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Monokai RainStorm

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

Light Dark Mode

Preview of light dark theme

Dark Mode

Preview of dark theme

Darkest Mode

Preview of darkest theme

Light Dark Blue Mode

Preview of light dark blue theme

Dark Blue Mode

Preview of dark blue theme

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 dark mode
    2. "Monokai Storm" - for dark mode
    3. "Monokai Tornado" - for darkest mode
    4. "Monokai Drizzle" - for light dark blue mode
    5. "Monokai Sleet" - for dark blue 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
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft