Why Spect?

Most themes force a choice: vibrant and tiring or readable and dull.

The default icon theme was boring. Icons blurred together at small scales. The color theme had weak syntax highlighting and muddy backgrounds. I went through Ayu, One Dark Pro, Monokai Pro, and dozens of others. Every one fell short. After hours of coding, I always felt exhausted.

So I stopped looking. I opened Adobe Illustrator and started building.

The first version was called Syntax Shine. It was just a personal syntax theme. I tweaked every token color until I could stare at a complex React component at 2 a.m. and still read it clearly. The improvement was immediate. That's when it clicked: if this helped me this much, it could help others too.

I expanded it into a full icon theme, published it as VS Seti Plus, and it somehow got 300+ installs and two 5-star reviews. But the name confused people — especially AI. Most assumed it was based on the built‑in Seti icons. It wasn't. Every icon was designed from scratch.

So I rebuilt the brand from the ground up. It's now called Spect.

Color Themes That Work

Dark, light, high-contrast — whatever your workspace needs, there's a Spect variant tuned for it.

| Theme | Best for | |-------|----------| | **Dark Classic** | All‑purpose. Warm copper strings, soft gold functions, deep blacks. | | **Dark Professional** | My own choice — deeper backgrounds, brighter foregrounds. | | **Dark Contrast** | Daylight work. Elevated contrast and bright borders. | | **Dark Colorblind** | Maximum luminance contrast. Fiery bright text on the darkest backgrounds. | | **Light Classic** | Clean whitespace, bright token colors. | | **Light Professional** | High accessibility with deep token colors for long work. | | **Light Colorblind** | Maximum readability on a bright white background. |

Every theme has 80+ syntax token rules — strings, regex, keywords, functions, variables, types, numbers, HTML/XML, CSS, Markdown, JSON, diffs, and more. Nothing gets left unstyled.

The command palette, autocomplete suggestions, and hovers float with subtle translucency. You can even see the code behind them. It's one of the signatures of Spect — and it just feels more premium.

Pixel-Perfect File Icons

280+ original icons designed in both themes for instant recognition — even at the smallest scales. Each icon is created from scratch to ensure it is easily recognizable on small sizes in the sidebar.

### Available Icon Themes

Both icon themes have 280+ highly minimalistic and visible icons

Spect (Dark)
Spect (Light)

Coming soon: Monochrome, Compact, Small variants

What Sets Spect Apart

Most icon packs assign the same symbol to similar file types. Spect doesn't.

File Group	Spect Coverage
JavaScript variants	JS · MJS · CJS · OJS — each unique
React	JSX and TSX — clearly differentiated
Web markup	HTML · HTM · XML — properly separated
Python	Scripts · Modules · Notebooks · Cython (PY · PYM · iPyNB · PYX)
TypeScript	TS · TSX · Declaration files

Those small distinctions matter when you're navigating a massive codebase at speed.

Setup

Via VS Code:

Open Extensions (Ctrl+Shift+X)
Search Spect
Click Install

Via command line:

code --install-extension HazeqBinMohsin.spect-ui

Activate the theme:

File → Preferences → Color Theme → select your preferred Spect theme
File → Preferences → File Icon Theme → select Spect (Dark) or Spect (Light)

The Story of Spect

I got tired of themes that were almost right.

The default Seti icons had gaps. Popular dark themes either skimped on syntax highlighting or wrecked my eyes after a few hours. I went through Ayu, One Dark Pro, Monokai Pro, and dozens of others. None felt like what I actually wanted.

So I built it myself.

The first version was called Syntax Shine, it was just a personal syntax theme. The improvement to my workflow was immediate. That's when it clicked: if this helped me, it could help others.

It grew into VS Seti Plus, earned 5-star reviews, and eventually became Spect — a complete, original icon and color system. Built to the standard I wanted: a theme made by a developer, for developers, who spend ten hours a day staring at code.

Compare with Popular Alternatives

Spect isn't a clone. It's a ground-up rethinking of what a VS Code theme should be. Here's how it stacks up against the themes most developers know.

	Spect	One Dark Pro	Monokai Pro	Ayu	Material Icons
Original icons	280+ hand-crafted per theme, highly recognizable	No icon pack	120+ minimalistic icons, often too small to recognize instantly	Icons are too detailed for instant recognition	200+ material-style icons
Icon distinctiveness	Unique shapes for JS variants, React, markup, Python, and more	N/A	Many file types share the same icon	N/A	Fewer variant distinctions; many file types share similar icons
Color themes	7 meticulously balanced variants (dark, light, colorblind)	1 classic dark	1 dark, plus paid variants	3 variations (Light, Mirage, Dark)	No color themes (icons only)
Syntax depth	80+ token rules with distinct, calibrated colors	Strong, balanced	Soft with minimal tokens	Soft pastels; minimal punctuation contrast	N/A
Translucent widgets	Yes — command palette, suggestions, and hovers show the code behind them	No	No	No	N/A
Colorblind support	Dedicated Dark & Light Colorblind themes with high luminance contrast	None	None	None	None
Design philosophy	Vibrant yet comfortable — a balance between professional, soft, high-contrast, and minimalist	Balanced, Atom-inspired	Professional, soft. Often too "soft" for developers to code accurately using it.	Minimalist, low-contrast	Material Design consistency

Bottom line: Although other popular options might sound good, they lack either icon distinctiveness, contrast, visibility, accessibility, or are too "soft" for developers to professionally use them. Spect is the only option that gives you both a complete icon set and a full suite of color themes — all tuned for developers who live in their editor.

Known Issues

Issue	Fix
Terminal cursor hidden	`"terminal.integrated.cursorStyle": "line"` in settings
Widget blur not showing	Translucency may depend on OS and VSCode version
Colors slightly different on startup	Restart VS Code — rare caching issue

Contribute

Missing an icon? Found an issue? Bug report?

→ Open an issue

All feedback is read and considered for future releases.

What's New

See CHANGELOG.md for full version history.

v1.4.3 — November 01, 2026

Fixed

Ignored git decoration visibility in dark variants: Ignored files in the explorer no longer turn invisible in darker variants.

Improved

Blur in widgets: Improved widget translucency and blur capability (Note: blur may only work depending on your VSCode version)

Added

6 New icons: Both icon themes support the following new files and languages: OxLint, OxLintRC, Jade (Pug), Tauri (Config), Taurignore and DEXE
Blur in tooltips & popups: Just like widgets, tooltips and popups now float with a subtle blur and tranlucency in their background.

License

Enjoy.

If Spect improves your workflow, a ⭐ review on the Marketplace helps others discover it — and it takes only 30 seconds.

Spect for VSCode

Hazeq Bin Mohsin