Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Color Code 20 ThemesNew to Visual Studio Code? Get it now.
Color Code 20 Themes

Color Code 20 Themes

Windo Flash

|
3 installs
| (0) | Free
20 distinctive dark VS Code color themes, from Galaxy Code and Matrix to Sakura and Prism, with semantic syntax highlighting and a fast theme gallery.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

WINDO FLASH · THE COLOR CODE COLLECTION

Color Code 20 Themes

20 distinctive coding atmospheres, by Windo Flash. Cosmic violet, frosted cyan, volcanic orange, quiet graphite: choose a palette that feels like your workspace.

Every theme includes native workbench colors, TextMate syntax, semantic tokens, 16 terminal ANSI colors and bracket nesting colors. Themes work immediately through Preferences: Color Theme, without activating the gallery. No telemetry, workspace scanning, startup popups, external assets or runtime dependencies.

The collection

# Theme Atmosphere
1 Galaxy Code Violet nebulae, electric blue and starlight cyan
2 Ice Glass Frosted cyan, white and pale blue
3 Lava Code Obsidian, molten orange and ember red
4 Matrix Black with layered phosphor greens
5 Retro Arcade Arcade pink, cyan, yellow and purple
6 AI Core Electric blue and cyan on deep navy
7 Sakura Charcoal with petals of pink and peach
8 Toxic Radioactive lime and acid yellow
9 Crystal Sapphire, turquoise and violet facets
10 Deep Ocean Midnight water, aqua and sea glass
11 Blood Moon Crimson shadows and warm lunar silver
12 Ghost Graphite, spectral white and pale cyan
13 Gold Luxury Matte black, champagne and ivory
14 Candy Code Pastel pink, mint and lavender
15 Electric Storm Lightning blue and violet on storm navy
16 Synthwave Deep purple and neon sunset
17 Monochrome Pro Graphite and silver with a quiet blue accent
18 Game HUD HUD cyan, amber and signal green
19 DNA Code Blue syntax with cyan, purple and pink structure
20 Prism A balanced spectrum on deep neutral black

All 20 are dark themes. Neon and Minimal filters describe style, not separate light/dark modes. Core palette text, including comments, is validated at a minimum 4.5:1 contrast against its editor background.

Install and choose

Install Color Code 20 Themes by Windo Flash from the Marketplace once published. For a local build, run Extensions: Install from VSIX… and select the packaged file. Requires VS Code 1.138 or newer, on desktop or the web.

Run Preferences: Color Theme (Windows/Linux: Ctrl+K Ctrl+T; macOS: Cmd+K Cmd+T) and select any theme above. Or use Color Code: Quick Switch for a searchable native picker. No restart is required.

Gallery and preview

Open the code symbol in the Activity Bar or run Color Code: Open Theme Gallery. Search names and descriptions, filter the collection, and apply a card. Home and All Themes share the collection. Preview opens theme information; Apply & open native preview applies the theme and shows a read-only sample in an actual editor. Card samples are illustrative palette swatches; native editor colors depend on the language grammar and semantic provider.

The original supplied logo is used unchanged in the Marketplace icon and Home/About. The separate monochrome Activity Bar code glyph follows VS Code's UI conventions. The supplied artwork guide is design inspiration, not an editor screenshot. No decorative backgrounds or simulated glow are injected.

Commands

Command Palette title Stable ID
Color Code: Open Theme Gallery colorCode.openGallery
Color Code: Select Theme colorCode.selectTheme
Color Code: Quick Switch colorCode.quickSwitch
Color Code: Next Theme colorCode.nextTheme
Color Code: Previous Theme colorCode.previousTheme
Color Code: Reset to Previous Theme colorCode.resetTheme
Color Code: Preview Theme colorCode.preview
Color Code: Settings colorCode.settings
Color Code: Customize colorCode.customize
Color Code: Keyboard Shortcuts colorCode.shortcuts
Color Code: About colorCode.about
Color Code: Buy Me a Coffee colorCode.support

No global keybindings are installed. Open Keyboard Shortcuts from the sidebar to assign your own. Suggested combinations, after checking conflicts: Ctrl+Alt+G for Gallery, Ctrl+Alt+T for Quick Switch, Ctrl+Alt+Right/Left for Next/Previous (use Cmd+Option on macOS if preferred).

Settings and restoration

  • Show Preview toggles illustrative code samples on cards.
  • Remember Previous Theme saves the original theme setting before the first Color Code change in the current workspace/window state. Reset to Previous Theme restores its original value, including an originally absent setting, and clears that snapshot. Disable remembering to prevent new snapshots; an existing snapshot can still be restored.
  • Confirm Before Apply optionally asks before changing themes.
  • Preview Language selects JavaScript, TypeScript or Python.

Theme application updates the existing workspace override when present; otherwise it updates the user/profile setting. Switching is serialized to avoid races. Native automatic light/dark switching, language extensions and user color overrides can influence the displayed colors. A saved restoration belongs to the workspace/window where it was captured.

Safe customization

Customize opens native token customization settings. Color Code intentionally does not automatically merge or reset user token rules: it cannot reliably own entries shared with other extensions. Bundled themes are never modified. Add only the entries you want inside your existing settings, preserving other entries. For example:

"editor.tokenColorCustomizations": {
  "[Galaxy Code]": {
    "keywords": "#D997FF",
    "strings": "#FF9AE6",
    "numbers": "#9CEEFF",
    "functions": "#55DFFF",
    "variables": "#92B9FF",
    "comments": "#858EAD"
  }
},
"editor.semanticTokenColorCustomizations": {
  "[Galaxy Code]": {
    "enabled": true,
    "rules": {
      "keyword": "#D997FF",
      "string": "#FF9AE6",
      "number": "#9CEEFF",
      "function": "#55DFFF",
      "method": "#55DFFF",
      "variable": "#92B9FF",
      "comment": "#858EAD"
    }
  }
}

Semantic tokens may take precedence over TextMate colors. Use native Editor: Semantic Highlighting to control the preference; no additional extension setting is needed. Reset customization by removing only the theme-scoped entries you added. Existing user overrides remain authoritative.

Language coverage and brackets

Shared TextMate scopes and semantic rules cover JavaScript/TypeScript, JSX/TSX, HTML/XML, CSS/SCSS, JSON, Python, Dart, Java/Kotlin, C/C++/C#, PHP, Go, Rust, SQL, YAML, Markdown and shell, with the corresponding language support installed. Actual token classification varies by grammar; every language/provider combination has not been visually certified.

DNA Code emphasizes structure with cyan, purple and pink bracket nesting and orange operators, plus grammar-specific shape scopes when available. Native bracket-pair colors follow nesting depth, so fixed colors for every () / {} / [] shape cannot be guaranteed. Enable native Editor: Bracket Pair Colorization if disabled. No per-character decorations or source scanning are used.

Develop and package

Run npm ci, then npm test for theme validation, contrast checks, type checking, lint and command/configuration behavior tests. Press F5 and choose Run Color Code Extension to launch an Extension Development Host. Run Color Code: Open Theme Gallery inside it.

Package with vsce package --allow-missing-repository (install the official @vscode/vsce tool if unavailable). The build has no runtime dependencies. Original design references and development files are excluded from the VSIX. test/host.cjs is an integration runner for an isolated VS Code test profile; never run integration tests against your normal profile.

Before Marketplace publishing, confirm that the windoflash publisher ID belongs to your publisher account. No account or repository URL is fabricated, and this project does not publish itself.

Support

If these themes make your workspace feel better, ☕ Buy Me a Coffee. Completely optional; the sidebar link opens only when clicked.

Windo Flash · MIT License — see the included LICENSE file.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft