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

Air Theme

Franz Gollhammer

|
44 installs
| (1) | Free
VS Code + Cursor port of JetBrains Air — a calm theme family (dark + light) with lavender keywords, pink strings, amber numbers, and green types.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Air

A VS Code + Cursor port of JetBrains Air — a calm theme family with lavender keywords, pink strings, amber numbers, and green function params.

Air dark Air light

Features

  • Air dark — near-black #18191B editor, soft pastel syntax
  • Air light — near-white #FBFBFC editor, deep-tone syntax
  • Matched UI chrome, git decorations, diff colors, and terminal ANSI palette
  • Semantic highlighting tuned for JavaScript, TypeScript, Python, Rust, Go, Java, C/C++, PHP, and Ruby

Install

VS Code

  1. Extensions panel (Cmd+Shift+X / Ctrl+Shift+X)
  2. Search Air by franzgollhammer
  3. Install
  4. Cmd+K Cmd+T → Air dark or Air light

Or via CLI:

code --install-extension franzgollhammer.air-theme

Cursor

Cursor pulls extensions from Open VSX. Same flow: open the Extensions panel, search Air, install, then pick it under Color Theme.

cursor --install-extension franzgollhammer.air-theme

Manual (.vsix)

Download the latest .vsix from Releases, then:

code --install-extension air-theme-<version>.vsix
# or
cursor --install-extension air-theme-<version>.vsix

Palette

Air dark

Color Role
#D6D6DD Default fg — variables, punctuation, identifiers
#A8CC7C Function params (at declaration)
#82D2CE Storage/keywords, types, booleans, markdown list markers
#AAA0FA const/let declarations, imports, markdown headings
#F8C762 Functions, invocations, bold
#EFB080 Classes, type names, namespaces
#E394DC Strings, markdown link parens
#87C3FF CSS properties, support classes
#EBC88D Numbers
#CC7C8A this / self

Editor background: #18191B.

Air light

Color Role
#1F2024 Default fg
#4E7A2A Function params
#1F7F78 Storage/keywords, types, booleans
#5A4ECF Declarations, imports, markdown headings
#8D6B1F Functions, invocations, bold
#A85A29 Classes, type names, namespaces
#B03A88 Strings, markdown link parens
#0E5FA8 CSS properties, support classes
#8F6614 Numbers
#A54553 this / self

Editor background: #FBFBFC.

Terminal themes

Matching palettes for Ghostty, iTerm2, and Warp live in terminal-themes/.

Ghostty

Copy theme file into Ghostty's themes dir, then reference it in config:

mkdir -p ~/.config/ghostty/themes
cp terminal-themes/ghostty/air-dark ~/.config/ghostty/themes/
cp terminal-themes/ghostty/air-light ~/.config/ghostty/themes/

In ~/.config/ghostty/config:

theme = air-dark
# or: theme = air-light
# or split: theme = light:air-light,dark:air-dark

Reload: Cmd+Shift+, (macOS) or restart Ghostty.

iTerm2

  1. iTerm2 → Settings → Profiles → Colors
  2. Color Presets… → Import…
  3. Pick terminal-themes/iterm2/air-dark.itermcolors (and/or air-light.itermcolors)
  4. Color Presets… → select air-dark or air-light

Warp

Copy YAML files into Warp's themes dir, then pick from theme picker:

mkdir -p ~/.warp/themes
cp terminal-themes/warp/air-dark.yaml ~/.warp/themes/
cp terminal-themes/warp/air-light.yaml ~/.warp/themes/

Open Warp → Cmd+P → Open Theme Picker → choose Air dark or Air light.

Pair with Air File Icons

Air File Icons (Open VSX · repo) — matching JetBrains Air–inspired file icon theme.

Development

npm run dev            # launch VS Code with the extension loaded
npm run dev:insiders   # VS Code Insiders
npm run package        # build .vsix
npm run install:local  # package + install into VS Code

See scripts/ for release automation and RELEASING.md for the publish flow.

Credits

Inspired by JetBrains Air.

License

MIT

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