Screenshots

TypeScript & React

JavaScript

CSS

HTML

GoLang

Python

Languages

Recommended Settings

{
  "editor.fontFamily": "JetBrains Mono, SF Mono, Fira Code, monospace",
  "editor.fontSize": 14,
  "editor.lineHeight": 1.75,
  "editor.fontLigatures": true,
  "editor.cursorStyle": "line-thin",
  "editor.cursorBlinking": "expand",
  "editor.smoothScrolling": true,
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true,
  "editor.minimap.enabled": false,
  "editor.formatOnSave": true,
  "workbench.iconTheme": "material-icon-theme",
  "editor.semanticHighlighting.enabled": true
}

Font tip: SF Mono is Apple's own monospace — pairs perfectly with Mac Dark Pro if you're on macOS. JetBrains Mono is a great free alternative.

Semantic Highlighting

For the best TypeScript and JavaScript experience, enable semantic highlighting:

"editor.semanticHighlighting.enabled": true

This activates 71 additional token rules that give functions, classes, interfaces, parameters, and more their own distinct colors based on what they actually are — not just their syntax position.

Installation

1. Open Extensions Cmd+Shift+X
2. Search Mac Dark Pro
3. Click Install
4. Press Cmd+K Cmd+T → select Mac Dark Pro

Feedback

Found a language that looks off? Open an issue — every report gets a response.

MIT License · Built for developers who live on a Mac.