DEV Community

Cover image for Use your favorite VSCode theme on iTerm2
Abinav Seelan
Abinav Seelan

Posted on

Use your favorite VSCode theme on iTerm2

Ever had to scour the web to find an iTerm2 theme to match your VSCode theme, to keep your development environment in the same palette?

Introducing "ditto", a small CLI to convert any installed
VSCode theme(s) to importable iTerm2 Color Scheme(s). 🎨😌

The CLI is open-sourced on Github!

GitHub logo campvanilla / ditto

A CLI tool to convert your VSCode theme to an iTerm2 theme. 🎨

Banner

CI npm (scoped) GitHub All Contributors

ditto

A CLI tool to convert your VSCode theme to an iTerm2 theme. 🎨

BannerGif

Usage

System requirements

  • NodeJS 10+. The tool does work with NodeJS 8.x, but we do not officially support it.

Tested on macOS, Linux and Windows (via Windows Terminal)

Running / Installation

We recommend using npx to run the CLI:-

npx @campvanilla/ditto-cli
Enter fullscreen mode Exit fullscreen mode

Or, alternatively, install it globally via npm and then run:-

$ npm install -g @campvanilla/ditto-cli

$ ditto-cli
Enter fullscreen mode Exit fullscreen mode

Setting in iTerm2

Once an iterm color scheme file is generated, Cmd + Click on the file name (with extension as *.itermcolors) in iTerm2 to automatically import the preset into iTerm & then select the theme from preferences (Cmd + iColors tab → Color Presets → Select the generated color preset).

Custom Options

CLI Argument Optional Description Default Value
--extensions-dir yes To specify the folder containing your VSCode extensions you've configured VSCode to

Here's a quick preview on how this works,

Would love to hear feedback on this. 🙂

Top comments (3)

Collapse
 
kyriakosmichael profile image
Kyriakos Michael

Thank GOD!

Collapse
 
isarisariver profile image
Marian

Nice, will try it tonight and let you know!

Collapse
 
a7madgamal87 profile image
Ahmed Hassanein

Nice!