Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>City NightNew to Visual Studio Code? Get it now.
City Night

City Night

juji

|
5 installs
| (0) | Free
A dark VS Code theme inspired by a city skyline at night.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

City Night

A dark VS Code theme inspired by a city skyline at night — near-black backgrounds, warm amber window-light strings, hot-pink neon keywords, and streetlight-orange functions.

screenshot

Install

Available on the VS Code Marketplace — search for "City Night" in the Extensions panel, or install from the command line:

code --install-extension juji.city-night

Local dev copy

mkdir -p ~/.vscode/extensions/city-night-theme-dev
cp -r package.json themes icon.png ~/.vscode/extensions/city-night-theme-dev/

Then reload VS Code (Cmd+Shift+P → "Developer: Reload Window"), and select the theme via Cmd+K Cmd+T → "City Night".

Making changes

Edit themes/city-night-color-theme.json directly:

  • colors — UI chrome (sidebar, tabs, activity bar, terminal, buttons, etc.)
  • tokenColors — syntax highlighting (strings, keywords, functions, classes, etc.)

After editing, re-run the copy command above and reload the window to see changes.

Previewing changes

Sample files for every supported language live in samples/ — open them after reloading to eyeball how the theme renders real syntax:

  • sample.js, sample.ts, sample.jsx, sample.tsx
  • sample.py
  • sample.cpp
  • sample.rs
  • sample.css
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft