Chroma Reactor — Themes & Icons

50 themes. Find your frequency.

A neon collection for Visual Studio Code by ToxicEpoch: 30 primary palettes, 20 deliberate combinations, 50 coordinated icon packs, and a developer workspace that follows your active look.

Acid greens, electric blues, aquatic teal, warm amber, coral, violet and pearl pink each have room in the collection. Every look has its own editor surface, syntax roles, emblem and file/folder treatment.

Browser render of the actual collection webview. Code samples are HTML previews, not native VS Code screenshots.

Installation

1. In desktop VS Code, open Extensions → … → Install from VSIX….
2. Select chroma-reactor-1.0.0.vsix.
3. Run Chroma Reactor: Choose Theme + Icons from the Command Palette.

Or use the VS Code CLI:

code --install-extension chroma-reactor-1.0.0.vsix

On Windows, double-clicking a VSIX may open the separate Microsoft Visual Studio Installer. Install this extension from inside VS Code.

Requires desktop VS Code 1.85 or newer on Windows, macOS or Linux. It runs in the desktop UI extension host, including when attached to remote workspaces. The dedicated workspace and paired picker have no browser-only vscode.dev or github.dev entry point. Virtual workspace support does not give virtual providers terminal/task capabilities. See REVIEW-NOTES.md for executed checks and remaining manual coverage.

Preview and choose

Choose Theme + Icons previews both parts as you navigate. Enter keeps the selected pair; Escape or dismissal restores the previous settings.

The picker shows the destination: existing Workspace appearance overrides are respected; otherwise it writes User settings. Missing overrides are removed during restoration, and an explicit File Icon Theme: None remains None. Writes are serialized, obsolete queued previews are skipped, and normal extension deactivation waits for cleanup. Rollback respects newer external values and reports configuration/restoration failures. Forced termination cannot run cleanup.

Installation and activation leave your current appearance intact. You can also choose themes and file icons independently with VS Code's built-in pickers.

Developer workspace

Click the Chroma Reactor prism in the Activity Bar, or run Chroma Reactor: Open Workspace. The view includes:

• The active theme emblem, palette and matching-icon status.
• The paired picker and searchable collection with actual generated icons.
• Open Project and Open Recent navigation.
• New Terminal, Build Task, Test Task and Run Task shortcuts.
• Configurable repository, documentation, pipeline and runbook links.

Move the view using VS Code's normal Move View controls, including the Secondary Side Bar. Open Workspace focuses the existing view without resetting layout or relocating panels. VS Code remembers its placement. There is no Favorites feature.

Browser render of the actual workspace webview, using Arc Arcade's generated colors and a sample project. It is not a native editor screenshot.

Terminal/task actions require workspace trust and use your existing VS Code tasks. Restricted Mode retains theme/icon selection and browsing. Virtual providers and remote environments retain their own command capabilities.

Project links and settings

Use Edit links in the workspace or Chroma Reactor: Configure Project Links. All settings accept User or Workspace values and default to an empty string:

Only HTTPS URLs without embedded credentials are accepted. Empty links open their setting. Links are opened only when you click them.

All 50 looks

PALETTES.md lists every theme, source palette, editor/sidebar color, emblem concept and syntax-role derivation. In the collection, search by name, color, source ID such as P06, or hybrid.

Each theme has its matching Chroma Reactor: Icons pack. Coverage is identical across all 50: 173 extensions, 85 special filenames, 50 language IDs and 56 named folders, including expanded variants and unknown-file/folder defaults. The collection contains 94 SVG assets per pack; 4,700 total.

Browser inspection grid of implemented SVG assets, including default files, collapsed/expanded folders and language/configuration/infrastructure examples.

Color provenance and accessibility

The reference is the 30 numbered palettes in the Depositphotos neon palette article. All 150 printed labels are preserved in data/source-palettes.json. Five reported label/swatch mismatches retain both printed and sampled JPEG RGB values; only those positions use sampled seeds. These samples are not verified original design values.

The 20 hybrids are original combinations from this collection's brief. New branding, emblems and previews are generated locally. The article's prose and photographs are not bundled. See PALETTES.md and THIRD-PARTY-NOTICES.md.

Text colors are derived for readability and measured against a 4.5:1 threshold on the checked surfaces. Source seeds remain unchanged. VALIDATION.json records the checks. User customizations, language grammars and semantic-token providers can change the final native appearance; the report does not certify every UI state.

Privacy and development

The extension has no runtime npm dependencies, telemetry, analytics or background network requests. Webviews use local assets, a restrictive Content Security Policy, escaped content and allowlisted messages. No CSS injection or installation patching is used.

See CONTRIBUTING.md for the seven npm commands and authoring workflow, DEVELOPMENT.md for the source map, RELEASE.md for packaging, and REVIEW-NOTES.md for test evidence. Report a bug with the theme, icon pack, VS Code version and a small reproducible example.

Code and original artwork: MIT, copyright 2026 ToxicEpoch. The runtime/build architecture and technology glyph vocabulary derive from Toxic Spectrum; its MIT attribution is preserved.