Polychrome themes

This utility makes it easy to preview editor themes generated with Polychrome themes for VS Code.

Simply install the theme extension to VS Code using the link above. Then, modify the colors below to generate your favorite duotone theme. Once you are satisfied, simply copy the generated snippet and paste it into your VS Code user settings file.

The url on this page will update as you make selections. Share your favorites with your friends!

Blue Bell

Sweet Corn

Steel Gray

Sweet!

🖥 Open VS Code
🔎 Navigate to User Settings Cmd/Ctrl + ,
📋 Paste your new theme config

"polychrome.dark.primary": "#a59ccc",
"polychrome.dark.accent": "#ffe685",
"polychrome.dark.background": "#2a2833",
  
  import React, { Component } from 'react';
  import logo from './logo.svg';
  import './App.css';
  
  class App extends Component {
    render() {
      return (
        <div className="App">
          <header className="App-header">
            <img src={logo} className="App-logo" alt="logo" />
            <h1 className="App-title">Welcome to React</h1>
          </header>
          <p className="App-intro">
            To get started, edit <code>src/App.js</code>
          </p>
        </div>
      );
    }
  }
  
  export default App;