Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Raindrop (Unofficial)New to Visual Studio Code? Get it now.
Raindrop (Unofficial)

Raindrop (Unofficial)

jdussold

|
2 installs
| (0) | Free
An unofficial port of the Raindrop theme from ray.so
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Raindrop (Unofficial)

An unofficial VSCode port of the Raindrop theme from ray.so by Raycast, published with permission.

Raindrop theme preview

Install

Search for Raindrop (Unofficial) in the Extensions view (Ctrl+Shift+X).

Then open the theme picker with Ctrl+K Ctrl+T (Cmd+K Cmd+T on macOS) and select Raindrop.

Palette

Color Hex Used for
Background #142234 Editor background
Foreground #e4f2ff Default text
Comments #6c808b Comments
Cyan #2ed9ff Keywords, operators
Teal #1ad6b5 Functions, classes
Muted teal #008bb7 Variables, this, HTML tags
Purple #9984ee Numbers, booleans
Pale cyan #9dd8eb Strings
Red #ff6b8a Errors, deleted lines
Mint #7eddb8 Added lines, CSS hex colors

Plus chrome shades for panels (#0e1a28), the status bar (#0a1320), and the active line highlight (#1c2e44).

What's themed

  • Syntax highlighting across JavaScript, TypeScript, HTML, CSS, JSON, Markdown, and other common languages
  • Editor chrome: activity bar, sidebar, tabs, status bar, panels
  • Integrated terminal (8 ANSI colors + bright variants)
  • Diff view (added/deleted), git decorations, problem and error states
  • Default bracket pair colorization preserved

Attribution

The original Raindrop theme is by Raycast, available at ray.so/themes. The Raycast team granted permission to publish this VSCode port with attribution (reference).

License

MIT.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft