The demo
The listing's missing hero asset: a short clip of the actual pitch — describe a vibe, watch a complete theme (UI + syntax) stream in live, then a second vibe to show range. The rendered GIF itself:
The embed and the packaging
The README embeds it under the tagline. media/** is excluded from the VSIX: vsce rewrites the relative image path to the repo's raw URL for the Marketplace, so the ~4MB GIF lives in the listing, not in every install.
Centered hero, right under the one-line pitch.
README.md · 93 lines
README.md
⋯ 15 lines hidden (lines 1–15)
1<div align="center">
2 <img src="logo-with-text.png" alt="Vibe Themer Logo" width="500" style="margin-top: 15px; margin-bottom: 15px;" />
3</div>
5<div align="center">
7[](https://github.com/sponsors/mseeks)
9</div>
11---
13AI-generated VS Code color themes. Describe a vibe in plain language and Vibe Themer
14streams a complete theme — UI and syntax — applying each color live as the model
15generates it.
17<div align="center">
18 <img src="media/demo.gif" alt="Vibe Themer streaming a theme from a described vibe" width="820" />
19</div>
⋯ 73 lines hidden (lines 21–93)
21> **Reset, don't switch.** Generated themes are written as VS Code color overrides,
22> so they persist until you remove them. Run **"Vibe Themer: Reset Theme
23> Customizations"** to restore your original theme. Changing the theme in Settings
24> will not clear them.
26## Features
28- **Describe a vibe** — "cozy autumn evening", "cyberpunk neon", "calm ocean
29 depths" — and get a full, cohesive palette.
30- **Iterate in place.** "Make it warmer", "darker background", "remove the purple
31 accents" — refine instead of starting over.
32- **Live streaming.** Watch the theme apply as each setting arrives.
33- **Comprehensive.** Editor, activity bar, sidebar, status bar, tabs, panels,
34 terminal, and syntax tokens.
35- **OpenAI or Anthropic.** Pick from a short curated list — GPT-5.5 (default),
36 GPT-5.4 mini, or Claude Sonnet 4.6 — or enter a custom model id.
37- **Your keys, your storage.** Each provider's key lives in VS Code's encrypted
38 secret storage and is never logged.
40## Requirements
42- VS Code 1.74.0 or higher
43- An API key for your chosen provider — OpenAI ([get one](https://platform.openai.com/))
44 or Anthropic ([get one](https://console.anthropic.com/))
45- Internet access
47## Quick start
491. Install Vibe Themer from the Marketplace.
502. Open the Command Palette (`Cmd/Ctrl+Shift+P`) and run **Vibe Themer: Change
51 Theme**.
523. Enter your provider API key when prompted (stored securely, only once).
534. Describe a vibe, e.g. `warm sunset over mountains`.
545. To change back, run **Vibe Themer: Reset Theme Customizations**.
56Already have a theme applied? Run Change Theme again and describe an adjustment.
57Vibe Themer sends your current colors as context and streams only what changes.
59## Commands
61| Command | Description |
62| --- | --- |
63| **Vibe Themer: Change Theme** | Generate or iterate a theme from a description |
64| **Vibe Themer: Reset Theme Customizations** | Remove all overrides, restore your original theme |
65| **Vibe Themer: Select Model** | Pick a model from the curated list or enter a custom id |
66| **Vibe Themer: Reset Model Selection** | Revert to the default model (GPT-5.5) |
67| **Vibe Themer: Clear API Keys** | Remove the stored keys for all providers |
69## Privacy
71Only your description — and, when iterating, your current Vibe Themer overrides
72under `workbench.colorCustomizations` and `editor.tokenColorCustomizations` (color
73values and token-rule styling) — is sent to your chosen provider (OpenAI or
74Anthropic). Nothing else from your settings, and no code, files, or analytics, is
75collected. Your keys are stored in VS Code's encrypted secret storage. AI-generated
76text is not filtered, so you are responsible for the prompts you write.
78## Background
80Vibe Themer started as an experiment in how far agent-driven development could go;
81it was written entirely by an AI agent. That's ordinary now, so this README is
82about the extension itself, not how it was built. For the design — a strictly-typed
83functional core behind a thin VS Code shell — see
84[docs/ARCHITECTURE.md](docs/ARCHITECTURE.md).
86## Development
88- `npm run compile` — type-check, lint, and bundle
89- `npm test` — unit and integration suite (Node's built-in test runner)
91---
93Licensed under the terms in [LICENSE.txt](LICENSE.txt).