Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Blue Reverie ThemeNew to Visual Studio Code? Get it now.
Blue Reverie Theme

Blue Reverie Theme

lilin

|
7 installs
| (0) | Free
A dreamy blue, lavender and blush theme with coordinated light and dark variants.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info
Blue Reverie Theme logo

Blue Reverie Theme

VS Code Theme

A dreamy palette of blue, lavender and blush with coordinated Light and Dark variants — made for calm, focused coding.

Features

  • Two coordinated variants — Blue Reverie Theme Light and Blue Reverie Theme Dark share the same hue family, so switching between them never feels jarring.
  • Soft pastel syntax highlighting — keywords, strings, functions and types each get a gentle, readable tint instead of harsh primaries.
  • Tuned UI — editor, side bar, activity bar, status bar and terminal follow one serene blue / lavender / blush scheme.
  • Semantic highlighting — classes, interfaces, functions and parameters are color-coded for quick scanning.
  • Matching terminal palette — a coordinated 16-color ANSI theme keeps the integrated terminal in harmony with the editor.

Palette

Role Light Dark
Editor background #FFF4F4 #1D2538
Editor foreground #35415B #E8EDFA
Accent blue #2867CF #8AB4FF
Keyword #2867CF #8AB4FF
String #A34770 #E0A6BF
Comment #70758A #A3ADC5
Type / class #7055A5 #C3B4F0
Function #276A80 #8FD0DE

Install

  1. Download blue-reverie-theme-1.0.0.vsix.
  2. In VS Code, run Extensions: Install from VSIX… and select the file.
  3. Open the Command Palette (Ctrl/Cmd+Shift+P), run Preferences: Color Theme, and choose Blue Reverie Theme Light or Blue Reverie Theme Dark.

Preview

Light

Light preview

Dark

Dark preview

The previews above are color-accurate mockups generated directly from the theme JSON — they illustrate the editor and palette but are not native VS Code window captures.

Development

Open this folder in VS Code and press F5 to launch an Extension Development Host with the theme applied.

To regenerate the marketplace preview images:

python scripts/generate-store-screenshots.py
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft