Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Roseveil ThemeNew to Visual Studio Code? Get it now.
Roseveil Theme

Roseveil Theme

xloiqa

|
7 installs
| (1) | Free
A soft dark VS Code theme with rose-tinted accents and cool contrast.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Roseveil Theme

A soft dark VS Code theme built for long coding sessions. Dark mocha base · rosewater accents · cool cyan contrast.


Design Philosophy

Roseveil keeps the editor quiet so your code stays in focus. Backgrounds stay deep and low-glare. Borders remain subtle. Accents are reserved for meaningful states: active controls, focus rings, selections, errors, and interactive elements.

  • Rose accents for warmth and identity
  • Cyan / turquoise for contrast and clarity
  • Muted lavender for secondary and merged states
  • Dark mocha base for a low-fatigue editing surface

Color Identity

Role Color
Editor background Deep near-black
Primary accent Rosewater
Cool contrast Cyan · soft blue
Strings Muted rose
Functions Warm amber
Keywords Soft teal
Errors Rose red

What's Covered

  • Editor, tabs, sidebar, panels, status bar, command center
  • Git decorations, diff view, merge editor
  • Terminal ANSI colors
  • Testing and debug UI
  • GitLens graph and decorations
  • Syntax highlighting for Python, JS/TS, Rust, Go, C/C++, Java, PHP, CSS, HTML, Markdown, and more

Installation

  1. Open Extensions in VS Code (Ctrl+Shift+X)
  2. Search Roseveil Theme
  3. Click Install
  4. Open Command Palette → Preferences: Color Theme → select Roseveil

Feedback

Found an issue or have a suggestion? Reach out via the Marketplace Q&A.

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