theme-vscode-from-website

A Claude Code skill that colours your VS Code chrome (title bar, status bar, activity bar, terminal) with a website's brand palette. Output goes to the project's .vscode/settings.json, applied live — no reload.

Install

git clone https://github.com/marciuz/theme-vscode-from-website \
  ~/.claude/skills/theme-vscode-from-website

Run

In Claude Code, from inside the project you want to theme:

/theme-vscode-from-website

Or just ask: "theme VS Code with this site's colours".

The skill finds the palette (reads :root CSS variables first, falls back to hex frequency or Tailwind/SCSS tokens), maps colours to roles (dominant dark, accent, surface, muted), and writes .vscode/settings.json with contrast-checked foregrounds.

License

MIT