Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Arctic CodeNew to Visual Studio Code? Get it now.
Arctic Code

Arctic Code

SecureDev

|
4 installs
| (0) | Free
Cool snow and rain background effects for coding
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Arctic Code - Snow & Rain Background for VS Code

Adds beautiful animated snow and rain effects to your VS Code editor.

Features

  • Choose between snow and rain effects
  • Customizable effects on different areas (editor, sidebar, panel, terminal)
  • Adjustable speed, opacity, color, and wind direction
  • Gentle wobbling motion for realistic snowfall
  • Smooth rain animation with customizable drop count
  • Cursor interaction - snowflakes are pushed aside by your mouse (snow only)
  • WSL2 support zz

Usage

Quick Access (Status Bar Icon)

  • Look for the ❄️ Arctic Code icon in the status bar (bottom bar, with other extension icons)
  • Click the icon to open a dropdown menu with options:
    • Enable Snow - Start snow effect
    • Enable Rain - Start rain effect
    • Disable - Turn off effects

Quick Access (Status Bar)

  • Use the status bar buttons: ❄️ Snow, 🌧️ Rain, 🚫 Disable
  • Click any button to instantly enable/disable effects

Command Palette

  1. Open Command Palette (Ctrl+Shift+P)
  2. Run "Arctic Code: Choose Effect"
  3. Choose between Snow or Rain effect
  4. Restart VS Code

Settings

Setting Description Default
snowBackground.areas Areas to show snow ["editor"]
snowBackground.flakeCount Number of snowflakes 100
snowBackground.speed Fall speed 2
snowBackground.opacity Snow opacity 0.6
snowBackground.wind Wind angle 0.5
snowBackground.color RGB color 255, 255, 255
snowBackground.cursorInteraction Enable cursor repulsion true
snowBackground.cursorRadius Cursor repulsion radius (px) 60
snowBackground.cursorStrength Cursor repulsion strength 1.0
snowBackground.dropCount Number of raindrops 150
snowBackground.windowsUsername Windows username (WSL) Auto-detect

Important

Before uninstalling this extension, you must disable it first by clicking the "🚫 Disable" button in the status bar or running "Arctic Code: Disable" from the Command Palette. This removes the injected code from VS Code. If you uninstall without disabling, the background effects may persist or cause issues.

VS Code "Corruption" Warning

After enabling effects, VS Code may show: "Your Code installation appears to be corrupt. Please reinstall."

This is expected and harmless! The extension works by safely injecting background animation code into VS Code's interface files. VS Code's integrity checker detects this as a modification.

How to Handle:

  1. Click the gear icon ⚙️ next to the warning
  2. Select "Don't Show Again"
  3. The warning won't appear anymore for this extension

The extension does NOT corrupt VS Code - it only adds temporary animation code that can be completely removed by disabling the extension.

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