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

Calmshade

Michael Volakis

|
92 installs
| (0) | Free
Calmshade Color Theme
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info
Calmshade

Calmshade

A serene dark theme designed to enhance focus and promote a comfortable, distraction-free coding experience.

Version Installs Downloads License


Calmshade — TypeScript


Install

From the Marketplace — open the extension page and press Install.

From inside the editor — open Quick Open (Ctrl+P / Cmd+P), then run:

ext install michaelvolakis.calmshade

Then pick the theme: Preferences: Color Theme → Calmshade.


Screenshots

Split editor and integrated terminal

Calmshade — split editor and terminal

JSON and configuration files

Calmshade — JSON config


What's inside

  • Semantic highlighting enabled, with dedicated colors for enum members, constants and default-library symbols.
  • Italics where they carry meaning: comments, JSX/TSX attributes, parameters and Python control flow.
  • A full workbench palette — tabs, sidebar, status bar, panels, lists and menus — on a single #181818 / #1f1f1f base.
  • Terminal ANSI colors, diff colors, git gutter marks and error/warning/info states tuned against the same background.
  • Language-specific rules for TypeScript, JavaScript, Python, Java, Go, Rust, C/C++, PHP, Ruby, Elixir, Markdown, JSON, YAML, CSS/SCSS and more.

Palette

Role Color
Keywords, storage, control flow #cf8e6d
Functions, classes, types #aba4ec
Strings #6aab73
Numbers, constants #2aacb8
Variables, properties, tags #edbb85
Operators, regex, escapes #f17280
Comments (italic) #7a7e85
Default foreground #d4d4d4
Editor background #1f1f1f
Sidebar, tabs, status bar #181818
Selection #264f78
Active line #ffffff0a

Recommended settings

The screenshots above use these settings:

{
  "workbench.colorTheme": "Calmshade",
  "editor.fontFamily": "JetBrains Mono, monospace",
  "editor.fontLigatures": true,
  "editor.fontSize": 13,
  "editor.lineHeight": 22,
  "editor.cursorBlinking": "smooth",
  "editor.renderWhitespace": "selection"
}
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft