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

Clarity

maxmckinney

|
1,419 installs
| (1) | Free
A theme for Visual Studio Code based on the Clarity design language
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VSCode Clarity Theme

GitHub package version GitHub issues license GitHub last commit Github All Releases

A Clarity based theme for VSCode featuring both a light and dark variant

Overview

This theme is based on the Clarity Design Language and features both a light and dark variant.

Light

Light

Dark

Dark

Recommended settings

Icon theme: Material Icons

Font: Fira Code

How to build the theme from source

You need NodeJS installed to run the generator.

npm install

Make your changes to the colors in index.ts and hit F5 to build the theme and launch the a new VS Code window with your theme available in the command palette (ctrl/cmd+shift+p > "Color Theme").

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