Colin's VS Code Themes

A colorful VS Code theme hub built around fast mood switching: orange-first classics, seasonal palettes, holiday themes, gaming-inspired looks, file icons, settings presets, Theme Reactor automation, Project Command Center, Launch Pad, README Studio, Snippet Forge, and theme-switching commands. It started with All Orange and grew into a 32-theme pack.

Marketplace: https://marketplace.visualstudio.com/items?itemName=ColinGamez.my-vsc-themes

Sampler: https://colingamez.github.io/My-VSC-Themes/

Real VS Code Screenshots

All Orange	Spring Bloom	Starfighter HUD

Theme Packs

Themes

Theme	Style	Preview
All Orange	Dark Newton-orange flagship theme with warm workbench surfaces.
All Orange No Italics	Same orange palette without italic token styling.
All Orange Soft	Gentler orange variant with warmer contrast and softer surfaces.
All Orange High Contrast	Darker, brighter flagship variant for extra punch.
Neon Arcade	Electric blue, hot pink, and golden syntax on a midnight UI.
Matcha Grove	Deep green workbench surfaces with mint and tea-gold syntax.
Peach Soda	Soft light theme with peach UI, coral accents, and readable warm text.
Blue Raspberry	Cold blue surfaces with raspberry keywords and candy-bright accents.
Cherry Cola	Dark cola surfaces, cherry highlights, and creamy syntax.
Lavender Static	Violet workbench tones with cyan signal colors and pink type accents.
Ocean Byte	Teal-black surfaces with seafoam, blue, and warm marker colors.
Graphite Pop	Neutral graphite UI with bright cyan, pink, yellow, and green syntax.
Honey Terminal	Warm light theme with honey-gold UI and readable brown text.
Pumpkin Hacker	Spiced terminal orange with green hacker glow.
Cyber Grape	Purple cyberpunk surfaces with lime sparks.
Cotton Candy Terminal	Soft dark candy tones with pink and baby-blue syntax.
XP Dark	A nostalgic blue-gray dark theme with classic green accents.
Solar Flare	High-energy solar golds and reds on dark ember UI.
Spring Bloom	Fresh light theme with green growth, pink accents, and sunny syntax.
Summer Sunset	Warm dark theme with orange heat, coral highlights, and cool blue functions.
Autumn Ember	Dark harvest palette with ember orange, leaf red, and mellow gold syntax.
Winter Aurora	Icy dark theme with blue frost, aurora violet, and mint highlights.
Halloween Midnight	Dark purple and orange theme with sharp green highlights.
Candy Cane Code	Crisp light holiday theme with red, green, and gold syntax.
Valentine Glow	Deep pink theme with soft rose syntax and warm highlights.
New Year Neon	Midnight celebration theme with gold, cyan, and pink accents.
Birthday Confetti	Bright light theme with playful pink, blue, yellow, and green syntax.
Voxel Craft	Blocky green-and-earth gaming palette with readable teal functions.
Cyber Runner	High-speed cyber palette with neon cyan, magenta, and acid yellow.
Retro Console	Green-screen arcade style with electric syntax and blue command colors.
Starfighter HUD	Space cockpit blues with orange alerts and bright HUD syntax.
Quest Tavern	Warm fantasy RPG palette with wood tones, gold syntax, and green strings.

Theme Sampler

The repo includes a static GitHub Pages sampler in docs/. It is generated by npm run build and uses the same previews bundled in the extension.

Sampler URL: https://colingamez.github.io/My-VSC-Themes/

File Icon Theme

The extension also includes Colin's Color Icons, a matching PNG-based file icon theme for common web, theme, config, and asset files.

To enable it, run Preferences: File Icon Theme and choose Colin's Color Icons.

Theme Reactor

Theme Reactor is the first tool in Colin's Code Suite. It can switch themes by time of day, season, holiday month, random favorite, or workspace.

Run Colin's Themes: Enable Theme Reactor to turn it on. The default hybrid mode uses holiday themes in January, February, October, and December, then uses a time-of-day schedule for the rest of the year.

Default time schedule:

Useful settings:

{
  "myVscThemes.reactor.enabled": true,
  "myVscThemes.reactor.mode": "hybrid",
  "myVscThemes.reactor.schedule": {
    "morning": "Spring Bloom",
    "day": "Peach Soda",
    "evening": "Summer Sunset",
    "night": "All Orange"
  },
  "myVscThemes.reactor.favorites": [
    "All Orange",
    "All Orange High Contrast",
    "Summer Sunset",
    "Autumn Ember",
    "Winter Aurora",
    "Starfighter HUD"
  ]
}

Project Command Center

Project Command Center is the second tool in Colin's Code Suite. It adds a Colin's Suite activity bar view that detects the current workspace and gives you a quick project dashboard.

It can show:

• Project type and workspace name.
• Quick actions for scripts, terminal, README, repository, and missing starter files.
• Package scripts with one-click terminal launch.
• Git branch, working tree status, and remote link.
• Project health checks for README, .gitignore, license, CI, build, test, and lint basics.
• Theme Reactor shortcuts.

Open it from the activity bar with Colin's Suite, or run Colin's Suite: Open Project Command Center from the Command Palette.

README Studio

README Studio is the third tool in Colin's Code Suite. It opens a full editor-style webview for building a polished README.md without leaving VS Code.

It can:

• Detect the current project name, type, scripts, repository, Marketplace extension ID, and health score.
• Generate a structured README with badges, description, features, install steps, usage, commands, support links, and roadmap.
• Preview the README as rendered Markdown while you edit.
• Reuse an existing README draft.
• Copy the generated Markdown or save it to README.md.

Run Colin's Suite: Open README Studio from the Command Palette, or open it from Project Command Center.

Snippet Forge

Snippet Forge is the fourth tool in Colin's Code Suite. It turns selected code into reusable VS Code snippets and saves them into a workspace snippet file.

It can:

• Build a snippet from the current editor selection.
• Suggest a prefix, name, description, and language scope.
• Detect repeated identifiers and offer them as tab-stop placeholders.
• Preview the generated snippet JSON before saving.
• Save to .vscode/colins-snippets.code-snippets or copy the snippet JSON.

Select code, right-click, and choose Forge Snippet From Selection, or run Colin's Suite: Forge Snippet From Selection from the Command Palette.

Launch Pad

Launch Pad is the fifth tool in Colin's Code Suite. It opens a workspace-aware launcher for project scripts, files, links, terminal commands, and suite tools.

It can:

• Detect package scripts and run them from a searchable webview.
• Open workspace files, the detected repository, terminals, README Studio, Snippet Forge, Command Center, and Theme Reactor.
• Pin favorite actions per workspace.
• Save custom links and terminal commands in .vscode/colins-launch-pad.json.
• Refresh live when the Launch Pad config file changes.

Run Colin's Suite: Open Launch Pad from the Command Palette, or open it from Project Command Center.

Command Palette Helpers

After installing the extension, run these from the Command Palette:

Auto-Switching Ideas

VS Code can follow your OS light/dark mode with window.autoDetectColorScheme, and this extension adds commands for quick seasonal/holiday switching. See Auto-Switching Themes for ready-to-use settings pairs and seasonal rotation ideas.

Install From Marketplace

1. Open the Marketplace page or search Colin's VS Code Themes in VS Code Extensions.
2. Click Install.
3. Run Preferences: Color Theme and pick a theme from the pack.
4. Optionally run Preferences: File Icon Theme and pick Colin's Color Icons.

Manual VSIX Install

1. Download the latest .vsix from the GitHub Releases page.
2. In VS Code, run Extensions: Install from VSIX....
3. Select the downloaded package.
4. Run Preferences: Color Theme and pick a theme from the pack.

Local Development

Open this folder in VS Code, run Run > Start Debugging, and choose a theme in the Extension Development Host.

Open files from demos/ while tuning the themes so you can check JavaScript, React, Vue, Python, Ruby, HTML, CSS, and JSON scopes quickly.

Build

npm run build
npm run check:themes
npx @vscode/vsce package --allow-missing-repository

npm run build regenerates derived theme files, the extension icon, PNG previews, and the static sampler page. npm run check:themes verifies core contrast for every contributed theme.

CI And Releases

GitHub Actions runs build, contrast checks, VSIX packaging, and artifact upload on pushes and pull requests.

The manual Release workflow can create a GitHub release and optionally publish to the VS Code Marketplace when the repository has a VSCE_PAT secret with Marketplace Manage scope.

To capture fresh local VS Code screenshots:

.\scripts\capture-vscode-screenshots.ps1 -VsixPath .\my-vsc-themes-1.10.0.vsix

Inspect Scopes

In the Extension Development Host, run Developer: Inspect Editor Tokens and Scopes from the Command Palette. Click a token to see the TextMate scopes and semantic token data that the theme can target.

Optional Higher-Contrast Orange Sidebar

If you like All Orange but want the side UI to punch a little harder, add this to your VS Code settings:

"workbench.colorCustomizations": {
  "[All Orange]": {
    "activityBar.background": "#1a0802",
    "activityBar.border": "#fa824c",
    "sideBar.background": "#1f0a02",
    "sideBar.border": "#fa824c",
    "sideBar.foreground": "#ffbf69"
  }
}