Carmilla
Three VS Code variants: rosé wine, violet and slate blue. Cream text, mauve comments and distinct colours for types, functions and strings. Compare Carmilla, Amethyst and Moonstone in the code sample.
In the editor
a TypeScript preview using the theme’s syntax rules
// Carmilla — warm accents over wine.
// TextMate preview; language servers may refine token colors.
class Countess {
private name: string;
private centuriesLived: number;
constructor(name: string, age: number) {
this.name = name;
this.centuriesLived = age;
}
whisper(guest: string): string {
return `${this.name} whispers to ${guest}`;
}
getEra(): string {
if (this.centuriesLived > 5) return "Ancient";
if (this.centuriesLived > 1) return "Immortal";
return "Newly turned";
}
}
const carmilla = new Countess("Mircalla Karnstein", 3);
const awake: boolean = true;
const visitor: string | null = null;
const absent = undefined;
if (awake) console.log(carmilla.getEra());
else console.error("Still resting in the coffin");Install Carmilla
Install the extension, then open “Preferences: Color Theme” in the VS Code Command Palette to choose the theme.
To install the package, use “Extensions: Install from VSIX…” in VS Code.
Version 1.7.0 includes Moonstone and the Lua icon. Download the VSIX to install this version while the Marketplace update is pending.
The palette
Carmilla’s thirteen colours and their uses
Syntax colours
the colour used for each code element
Variants
compare the palettes and select a variant
Carmilla uses rosé wine and carmine; Amethyst combines violet and orchid purple; Moonstone brings sky blue over slate. Cream text, mauve comments and the remaining syntax colours are shared. Select a variant to compare the palette and code.