> ## Documentation Index
> Fetch the complete documentation index at: https://docs.piebald.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# VS Code theme importing

> You can export themes from VS Code and import them into Piebald.

export const MuxVideo = ({playbackId, title = "Video demo"}) => <iframe className="w-full aspect-video rounded-xl" src={`https://player.mux.com/${playbackId}?accent-color=%23ff8400`} title={title} allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture" allowFullScreen></iframe>;

<Badge color="green">Available in [Piebald Pro](https://piebald.ai/pricing)</Badge>

Piebald supports importing VS Code themes for use in markdown code blocks, tool call input/output, integrated terminals, the file browser, etc.

To export your theme in VS Code:

1. Open the command palette (press <kbd>Ctrl</kbd>/<kbd>Cmd</kbd>+<kbd>Shift</kbd>+<kbd>P</kbd>).
2. Search for and select **Developer: Generate Color Theme from Current Settings**.
3. Copy the resulting JSON.

Now go into Piebald and import it:

1. Open the settings with the icon in the bottom left corner.
2. Go to **Appearance**.
3. Scroll down to the **Code Block Themes** section.
4. Click **Import VS Code Theme**.
5. Enter a name.
6. Choose a color mode (Light/Dark).  If you choose Dark, your new theme will only be available in the **Dark Mode** dropdown in the Code Block Themes section, so it will only be usable when Piebald is in dark mode.  Choosing Light will also make your theme available only when Piebald is in light mode.
7. Paste your JSON in the **Theme JSON** box and click **Import**.

Here's a video demonstrating the complete flow from VS Code to Piebald:

<MuxVideo playbackId="Riya9AG5j5vLJ2zGsKtMoP01sgGl7ERegAGjWRu2H99k" title="VS Code theme importing for code blocks (Pro)" />