Roseveil Theme

Roseveil for VS Code

A quiet, atmospheric theme family built around a rose identity.

Previews

Dark

Light

Warm

Storm

Usage

Install from Marketplace

Manual installation

Download the VSIX from the latest GitHub release. Open the Command Palette and select Extensions: Install from VSIX..., then select the file you just downloaded.

After installing, open the Command Palette and select Preferences: Color Theme, then choose your variant:

Roseveil Dark
Roseveil Light
Roseveil Warm
Roseveil Storm

The product icon theme is optional and separate from the color theme. To enable it, open the Command Palette and select Preferences: Product Icon Theme, then choose Roseveil Product Icons.

Customization

Recommended settings

{
  // Roseveil ships semantic token rules; keep this enabled
  "editor.semanticHighlighting.enabled": true,
  // Preserve Roseveil's tuned terminal palette, especially in Light
  "terminal.integrated.minimumContrastRatio": 1,
  // Use the workbench color for the title bar
  "window.titleBarStyle": "custom",
  // Optional: enable Go semantic tokens from gopls
  "gopls": {
    "ui.semanticTokens": true
  }
}

Roseveil settings

Open Settings (Ctrl+,) and search for roseveil to find all options.

Setting	Default	Options
`roseveil.accentColor`	`mauve`	`mauve` `rose` `lavender` `sapphire` `teal` `sky`
`roseveil.workbenchMode`	`default`	`default` `flat` `minimal`
`roseveil.bracketColors`	`monochromatic`	`monochromatic` `dimmed` `rainbow`
`roseveil.italicKeywords`	`false`	boolean
`roseveil.boldKeywords`	`false`	boolean
`roseveil.italicComments`	`true`	boolean

Accent color recolors badges, progress bar, focus indicators, and picker borders across all active variants. Button colors stay rose.

Workbench mode controls chrome layering: flat blends the sidebar into the editor background; minimal extends that to tabs, activity bar, and status bar.

Bracket colors: dimmed fades brackets progressively by depth; rainbow cycles six palette colors across levels.

All changes apply immediately without reloading.

Custom overrides

For fine-grained overrides, use VS Code's built-in settings directly. These stack on top of both the static theme and the Roseveil settings layer.

{
  "workbench.colorCustomizations": {
    "[Roseveil Storm]": {
      "focusBorder": "#c0b0f0"
    },
    "[Roseveil Dark][Roseveil Storm]": {
      "editor.selectionBackground": "#2d3060"
    }
  },
  "editor.tokenColorCustomizations": {
    "[Roseveil Dark]": {
      "comments": "#888899"
    }
  }
}

Design

Roseveil centers on a quiet editor and a visible rose identity. Accents appear only where the interface needs emphasis: active controls, focus rings, selections, diagnostics, errors. Syntax stays readable without carrying the brand color everywhere.

The mascot sets the visual temperature: a white kitsune with rose-pink flame wisps and icy cyan eyes. That contrast runs through all four variants: rose warmth, cool highlights, restrained surfaces.

Each variant keeps the same Roseveil character while adjusting its contrast, temperature, and syntax balance for a different reading environment.

What's Covered

Product icons for the Activity Bar, toolbar, panels, and other VS Code UI icons
Editor, tabs, sidebar, panels, status bar, command center
IntelliSense, Outline, and breadcrumbs symbol icons aligned with syntax highlighting
Git decorations, diff view, merge editor
Terminal ANSI colors with tuned contrast across all variants
Testing and debug UI
Syntax highlighting for Python, JS/TS, Rust, Go, C/C++, Java, PHP, CSS, HTML, Markdown, SQL, Shell, YAML, TOML, Dockerfile, and more
Semantic tokens: Pylance (Python), Intelephense (PHP), rust-analyzer, gopls, jdtls, C/C++, JS/TS

Extension Support

Roseveil themes the following extensions out of the box:

Support

Found an issue or have a suggestion? Open an issue on GitHub or reach out via the Marketplace Q&A.

xloiqa