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

Magica

Alisson Mateus de Oliveira

|
107 installs
| (0) | Free
Two complete theme families: classic NT Light, Dark, and OLED, plus Xcode-inspired OSX Light and Dark with optional italics and matching file icons.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Magica

Two complete theme families in one extension: NT preserves Magica's classic system-gray, charcoal, and OLED appearances; OSX preserves the Xcode-inspired Light, Dark, and selective-italic appearances from the published 4.1.3 release. Both families include their own matching file icons and can be selected on any operating system.

Pick your workbench

Theme Appearance
Magica NT Light Classic system-gray controls, smoky indigo title bar, and dark graphite editor
Magica NT Dark Professional charcoal chrome and dark graphite editor
Magica NT OLED True-black workbench and editor, with richer syntax colors
Magica OSX Light Bright editor, layered cool surfaces, and system-blue controls
Magica OSX Dark Dark editor, elevated graphite surfaces, and blue controls
Magica OSX Light Italic OSX Light with selective italic syntax
Magica OSX Dark Italic OSX Dark with selective italic syntax

NT keeps the current local colors and syntax unchanged. OSX keeps the published 4.1.3 colors and syntax unchanged. The two families have independent palettes, with semantic distinctions between variables, properties, parameters, constants, functions, types, and language syntax.

NT Light and Dark share a deep graphite editor; NT OLED uses true black and a richer version of the same syntax palette. OSX Light and Dark each have their own UI and syntax palettes, inspired by Xcode's magenta, red, blue, cyan, and seafoam code families.

OSX's standard variants keep source code upright. Its Italic variants italicize operators, parameters, type parameters, decorators, and documentation comments. Use a font with a real italic face to see the intended cursive treatment.

File icons

  • Magica NT — the local old-school document, folder, language, and file-role icons.
  • Magica OSX — the published appearance-aware Xcode-style navigator symbols.

Both recognize specialized files and folders, including tests, stories, declarations, generated output, workflows, containers, source, and build output. Color themes and file icons can be mixed independently.

Use it

  1. Open Preferences: Color Theme.
  2. Choose a Magica NT or Magica OSX appearance from the table above.
  3. Open Preferences: File Icon Theme.
  4. Choose Magica NT or Magica OSX.

Existing Marketplace theme selections retain their internal identifiers, so an upgrade keeps the published OSX appearance while showing its new name in the picker. To use the classic local look, select an NT theme and the NT file icons.

A note about Magica NT Light

NT Light deliberately combines a light workbench with a dark editor. VS Code also uses the editor background for a few editor-hosted pages, including parts of AI views and the Extensions Marketplace. Those pages may therefore stay dark instead of matching the gray workbench.

Some Marketplace header and navigation text reuses colors from light workbench panels. Magica leaves those shared colors alone to preserve panel readability.

Development

The classic NT themes live in themes/magica-light-color-theme.json, themes/magica-dark-color-theme.json, and themes/magica-oled-color-theme.json, with their shared editor base alongside them. NT icons live in fileicons/icons.

ruby scripts/sync_syntax.rb generates only the magica-osx-* themes. ruby scripts/generate_file_icons.rb generates only the OSX icons under fileicons/osx. Neither generator overwrites NT assets.

Run ruby scripts/package_vsix.rb to create the versioned VSIX in dist. The terminal profiles and experimental Zed port remain separate from the VS Code extension.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft