Ambient rain over your code. Thin streaks with long fading tails fall across the editor area only — sidebars, panels, and the status bar stay dry. Inspired by the rain background effect in Odysseus.
Features
- Editor-area only — rain renders over the editor part, never over sidebars or panels
- Intensity slider (1–10) — speed, drop count, and transparency are linked: low = sparse, slow, opaque drizzle · high = dense, fast, faint downpour
- Size slider (1–10) — scales streak width and tail length
- Live controls — status bar
💧 Rainbutton orCmd+Alt+R/Ctrl+Alt+Ropens a panel with sliders; changes apply within a second, no reload - Lightweight — sprite-blit rendering, 30fps cap, pauses entirely when the window loses focus
How it works — read before installing
VS Code has no API for drawing over the editor, so this extension patches
workbench.html inside your VS Code installation to load a small render script
(the same technique used by Custom CSS and JS Loader and vscode-animations).
Consequences you accept by using it:
- VS Code will show a one-time "Your Code installation appears to be corrupt" notification. It is harmless — click the gear on the notification and choose Don't Show Again.
- Every VS Code update wipes the patch. Run
Rain Editor: Enable (Patch VS Code)again after updating. - Your VS Code installation directory must be writable by your user.
A backup of the original workbench.html is saved as workbench.html.rain-backup
next to the patched file.
Getting started
- Install the extension
- Run
Rain Editor: Enable (Patch VS Code)from the Command Palette - Reload the window when prompted
- Dismiss the corrupt-installation warning (gear → Don't Show Again)
Commands
| Command | Action |
|---|---|
Rain Editor: Enable (Patch VS Code) |
Patch workbench.html and start the rain |
Rain Editor: Disable (Unpatch VS Code) |
Remove the patch and all injected files |
Rain Editor: Toggle Rain |
Pause/resume without unpatching |
Rain Editor: Controls |
Open the slider panel (Cmd+Alt+R / Ctrl+Alt+R) |
Settings
| Setting | Default | Description |
|---|---|---|
rainEditor.enabled |
true |
Show rain (requires the patch to be applied) |
rainEditor.intensity |
5 |
1–10. Higher = faster, denser, more transparent |
rainEditor.size |
4 |
1–10. Streak width and tail length |
Uninstalling
Run Rain Editor: Disable (Unpatch VS Code) before uninstalling the
extension, otherwise the injected files stay in your VS Code installation until
the next VS Code update overwrites them.
License
MIT — see the LICENSE file.