Monokai Rainstorm

🌧️ A collection of themes with grey-blue backgrounds, water highlights & Sweet Dracula Monokai syntax highlighting. Includes light and dark variants.

✨ Theme Previews

☀️ Light Variants

1. Monokai Snow — an almost white blue-grey

2. Monokai Drizzle — a soft light blue-grey

3. Monokai Dew — a bold light blue-grey

4. Monokai Mist — a dim light blue-grey

🌑 Dark Variants

1. Monokai Rain — a soft blue-light-grey

2. Monokai Storm — a bold blue-light-grey

3. Monokai Monsoon — a soft blue-dark-grey

4. Monokai Cyclone — a bold blue-dark-grey

5. Monokai Tornado — a dark grey-black

6. Monokai Blizzard — a deeper dark-blue

7. Monokai Sleet — a deeper dark-purple

📈 Theme Progression

A progression of intensity and contrast, from the brightest day to the deepest storm:

Snow → Drizzle → Dew → Mist → Rain → Storm → Monsoon → Cyclone → Tornado → Blizzard → Sleet

🛠️ Installation

Method 1: The Fast Way

1. Open Quick Open (Ctrl+P / ⌘P).
2. Type ext install mimo.monokai-rain.

Method 2: The Manual Way

1. Open the Extensions view in VS Code.
2. Search for Monokai Rainstorm.
3. Click Install.
4. Select your preferred variant from the picker:
   • Monokai Snow - an almost white blue-grey
   • Monokai Drizzle - a soft light blue-grey
   • Monokai Dew - a bold light blue-grey
   • Monokai Mist - a dim light blue-grey
   • Monokai Rain - a soft blue-light-grey
   • Monokai Storm - a bold blue-light-grey
   • Monokai Monsoon - a soft blue-dark-grey
   • Monokai Cyclone - a bold blue-dark-grey
   • Monokai Tornado - a dark grey-black
   • Monokai Blizzard - a deeper dark-blue
   • Monokai Sleet - a deeper dark-purple

💡 Inspiration

This collection is a blend of several world-class aesthetics:

• Syntax: Sweet Dracula Monokai
• Colors: Rainglow (Userscape & Box UK)
• Highlights: Vidar & Firefly Pro
• Terminal: Bearded Theme (Vivid Black)

{
  "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",
}