Extension

Rosa for VS Code

Bring the Reserve into your code editor: our colors, our icons and a little dinosaur that grows as you work. It's free.

What's in it

Rosa Dark and Rosa Light

Two color themes made from the colors of this site. Every text color has a contrast of at least 4.5 to 1, so your code stays easy to read.

Rosa icons

Rosa Product Icons redraw the bar down the side: a nest of eggs for the Explorer, a fern branch for source control, an amber drop for tests and a sauropod for your account. Rosa File Icons gives 54 kinds of files and folders an icon of their own.

Your sprout

A pixel dinosaur lives in your Explorer. It hatches from an egg and grows each time you save a file you changed, counted at most once a minute per file.

Pick your dinosaur

While it's still an egg, choose a sauropod, stegosaur, ceratopsian or raptor. You can change your mind until it hatches. If you haven't picked by then, VS Code asks you as it hatches.

A sprout that hatched before version 1.4 stays a sauropod.

The Sprout view with a raptor egg picked and the four dinosaurs to choose from.

Pick a pattern

Once it hatches, give your sprout the Meadow, Desert, River or Ember pattern. Change it any time in the Sprout view or with the palette button.

Four sprouts in the Meadow, Desert, River and Ember patterns.

Under your sprout, a line shows when it hatched, how many saves it has and its streak: the days in a row you saved something.

The Sprout view with a juvenile stegosaur, its food, water and love, its stats and the pattern buttons.

How it grows

Hatchling10 saves
Juvenile100 saves
Adolescent400 saves
Adult1,000 saves

What it needs

Food. Empties over 12 hours. Saving your work fills it up.
Water. Empties over 8 hours. Clearing all your errors fills it up.
Love. Empties over a day. Click your sprout to pet it, or press Tab and then Enter or Space, and a heart floats up.

Your sprout never dies and never loses its growth, so a week away is fine.

Good to know

With Settings Sync on, your sprout follows you to your other computers.
A setting turns off your sprout's speech bubbles.

Install it

In VS Code, open Extensions with Ctrl+Shift+X, or Cmd+Shift+X on a Mac.
Search for Rosa Wildlife Reserve and select Install. You can also open it on the Marketplace.
Pick the themes in the Command Palette: Preferences: Color Theme, Preferences: File Icon Theme and Preferences: Product Icon Theme.
The Sprout view opens with your egg. Pick your dinosaur there before it hatches.

The extension is open source under the MIT license. See the code on GitHub.