Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Black PrismNew to Visual Studio Code? Get it now.
Black Prism

Black Prism

Jinseon Yoo

|
6 installs
| (0) | Free
A high-contrast charcoal-gray theme with vivid pink, mint, amber, violet, cyan, and peach syntax.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Black Prism

Black Prism icon

A high-contrast dark VS Code theme with genuinely gray surfaces and vivid, colorful syntax.

Illustrative Black Prism palette and workbench preview

Illustrative browser mockup showing the theme palette, not a screenshot of VS Code.

The editor stays charcoal rather than navy or purple. Pink keywords, mint functions, amber strings, violet constants, cyan types, and peach parameters make code easy to scan. Comments remain readable. Borders and focus indicators remain visible.

Install

From the repository root:

code --install-extension ./black-prism/black-prism.vsix

Then run Preferences: Color Theme and choose Black Prism. This is a separate extension; existing themes are not replaced.

Surfaces

Surface Color
Editor #18181B
Sidebar #202023
Activity bar #121214
Title bar #2B2B30
Status bar #4CD471 (fresh green, near-black text)
Terminal #141416
Selection Blue #245D91 with white text
Panel borders #73737F

The normal and no-folder status bars use fresh green with near-black text (#151518), measuring 9.51:1 contrast. Debugging retains its distinct pink status bar.

Syntax and contrast

Role Color
Text #F3F3F7
Comment #B8B8C4
Keyword #FF96D5
Function #68F0AE
String #FFE08A
Number #C8A4FF
Type #6FDDFF
Parameter #FFBB85
Punctuation #CECED8
Error #FF9DBB

The original syntax palette is preserved. Editor selections use white text on blue for clear readability. Other highlight backgrounds retain their checked syntax contrast. See VALIDATION.md for measured results.

More visible highlights

State Background
Active selection Blue #245D91, white selected text
Inactive selection Blue #234563
Matching selected text Violet #3B314C, lavender outline
Word references Deep cyan #244958, cyan outline
Write references Deep mint #254A3D, mint outline
Current search result Gold-brown #514526, bright amber outline
Other search results Muted gold #3C3523, gold outline
Current line Charcoal #29292F, gray outline

Preview and package

Open this folder in VS Code and press F5 to launch an Extension Development Host. Choose Black Prism there and open a file under samples/. preview.html is an illustrative palette/workbench mockup, not proof of native rendering.

vsce package --no-dependencies --out black-prism.vsix

The extension is declarative and includes no runtime code. Native high-contrast mode is used for explicit borders and focus cues. Language extensions can override token styles. Extension-owned webviews control their own interiors and may not fully adopt the theme; this package does not inject CSS or modify VS Code.

Marketplace assets

  • icon.png: 512 x 512 PNG extension icon, configured in package.json.
  • images/screenshot.png: illustrative palette preview embedded above.
  • design/icon.svg: editable source, excluded from the VSIX.

Push the icon and preview image to the public repository before publishing. The packaging command resolves README image links under https://raw.githubusercontent.com/jenna-studio/vscode-custom-themes/main/black-prism/.

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