DnV1eX / Transmog

A command-line tool for converting VS Code themes into Xcode themes and vice versa 🎨🛠

Transmog

Transmog is a command-line tool for converting Visual Studio Code (VS Code) themes into Xcode themes.

You can find many VS Code themes in the Visual Studio Marketplace.

Install

brew install mint
mint install inket/Transmog

Usage

Using a local theme:

$ transmog theme-file.json
Saved as "(t)Theme Name"

Or from a URL:

$ transmog https://github.com/liviuschera/noctis/blob/master/themes/azureus.json
Saved as "(t)Noctis Azureus"

$ transmog https://marketplace.visualstudio.com/items?itemName=mariorodeghiero.vue-theme
Saved as "(t)vue-theme"

A few examples

HackTheBox

Original	Transmog

Night Owl

Original	Transmog

Noctis (Azureus)

Original	Transmog

Tokyo Night

Original	Transmog

Considerations

Obviously the result theme will not match 1:1 because IDEs parse code differently.

In addition, VSCode allows for much more complex themes that are language/framework-aware so a specific theme might look different when rendering JS code vs TypeScript code.

This tool will only convert the colors that aren't associated with a specific language.

In my testing, the results are decent, but you might need to edit the theme to reach perfection ;)

Help

OVERVIEW: A command-line tool for converting VSCode themes files into Xcode theme files

USAGE: transmog <theme-file-path-or-url> [--output <output>] [--skip-color-profile-correction]

ARGUMENTS:
  <theme-file-path-or-url>
                          Path or URL of the VSCode theme file (.json). GitHub links are also supported. 

OPTIONS:
  -o, --output <output>   Output directory path (optional) (default:
                          ~/Library/Developer/Xcode/UserData/FontAndColorThemes/)
  -s, --skip-color-profile-correction
                          Skip the color profile correction of VSCode theme values.
                          This will cause theme colors to look different in Xcode from what they appear like in
                          VSCode. 
  -h, --help              Show help information.