Cupertino Studio

Apple-inspired color themes for Visual Studio Code. Three variants, one seamless experience.

Themes

Cupertino Dark

macOS system dark mode + modern Xcode syntax palette. Warm dark tones, zero eye strain.

Cupertino Light

apple.com aluminum white + native macOS light mode. Clean, spacious, "premium retail" feel.

Cupertino Midnight

M3 MacBook Midnight chassis + visionOS deep space aesthetic. The most immersive variant for late-night coding.

All three themes also include No Italics variants — identical colors with italic styling removed from comments and documentation.

Install

1. Open VS Code
2. Press Cmd+Shift+X to open Extensions
3. Search for "Cupertino Studio"
4. Click Install
5. Press Cmd+K Cmd+T and select your theme

Activation

Cmd+K Cmd+T → Cupertino Dark | Cupertino Light | Cupertino Midnight

What Makes It Different

Seamless UI — No hard borders. Panels are distinguished by tonal separation, not visible lines. Activity bar, sidebar, editor, and terminal merge into a single native-feeling surface.

510+ Workbench Colors — Every VS Code surface is themed: editor, sidebar, terminal, notebook cells, test explorer, merge editor, debug toolbar, settings panel, menus, quick pick, extensions, inline chat, and more.

Xcode-Grade Syntax — 69 TextMate token rules + 39 semantic token rules covering 21+ languages. Optimized for Swift, TypeScript, React, Dart, Python, Go, Rust, Java, Kotlin, Ruby, PHP, C/C++, SQL, and more.

Bracket Pair Colorization — Five levels of Apple-toned bracket colors (Blue → Purple → Pink → Orange → Cyan) with guide lines.

Copilot & Chat Ready — Inline suggestions, inline chat, and Copilot Chat panel are fully themed to match the Apple aesthetic.

Jupyter Notebook — Cell borders, output containers, toolbar, and status icons all themed.

Test Explorer — Pass/fail/error/queued/skipped icons with Apple system colors. Code coverage highlighting included.

Recommended Settings

For the best Apple-native experience, add these to your settings.json:

{
  "editor.fontFamily": "'SF Mono', Menlo, Monaco, monospace",
  "editor.fontSize": 13,
  "editor.lineHeight": 22,
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": "active",
  "editor.smoothScrolling": true,
  "editor.cursorSmoothCaretAnimation": "on",
  "window.titleBarStyle": "custom",
  "window.commandCenter": false,
  "workbench.layoutControl.enabled": false
}

SF Mono is Apple's official developer font. Download it from developer.apple.com/fonts. Falls back to Menlo if not installed.

Language Support

Color Palette

Built from Apple's Human Interface Guidelines system colors:

Theme Variants

Coverage

Development

npm run build          # Compile all 6 themes
npm run dev            # Watch mode (auto-rebuild on changes)

Press F5 in VS Code to open Extension Development Host for live preview.

License

MIT