PaletteIDE

Getting Started

PaletteIDE is the fastest way to build, preview, and export your VS Code themes visually. Follow this comprehensive guide to go from zero to a fully installed theme.

1. Choose a Base Palette

Instead of starting from a blank JSON file, head over to the Theme Library and pick a professionally crafted base. Every palette is pre-validated for contrast and harmonious color relationships.

Click "Use in App" on any library theme to instantly load it into your editor environment.

2. Tune the Variables

Use the visual editor to adjust the primary background, accent colors, and syntax highlighting. The live preview updates instantly—no need to continually reload VS Code to see your changes.

  • Backgrounds: Adjust the main editor background, sidebar, and terminal to match your ideal lighting.
  • Accents: Pick a primary brand color that pops against your background surfaces.
  • Syntax: Fine-tune keywords, strings, and functions for maximum code readability.

3. Export & Install

Once your theme looks perfect in the live preview, click the Export button in the top right of the editor. We will generate a complete .vsix extension package.

Installation Steps:

  1. Open Visual Studio Code
  2. Go to the Extensions view (Cmd+Shift+X)
  3. Click the ... menu at the top right of the panel
  4. Select "Install from VSIX..." and choose your downloaded file
  5. Select your new theme and enjoy!