Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>SpectNew to Visual Studio Code? Get it now.
Spect

Spect

Hazeq Bin Mohsin

|
23 installs
| (0) | Free
✨ Professional icon pack and color theme for a better development experience ✨
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info
Spect

Why Spect?

Spect is a complete visual system for Visual Studio Code — original pixel-perfect icons and vibrant, highly readble color themes.

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

Spect refuses that trade. Every icon is hand-crafted in Adobe Illustrator. Every color token is calibrated. The result is a theme you can stare at for ten hours and still want to come back to.

Nothing is forked. Nothing is generic. Nothing was compromised.

Spect Mockup


Color Themes That Work

Simple, elegant, and vibrant themes engineered for flow and comfort.

Dark Themes

Theme Best for
Spect (Dark Classic) All-purpose. Warm copper strings, soft gold functions, deep blacks.
Spect (Dark Professional) The designer's choice – Deeper backgrounds, brighter foregrounds
Spect (Dark Contrast) Bright borders. Elevated contrast for daylight work.
Spect (Dark Colorblind) Maximum luminance contrast, fiery bright text on the darkest backgrounds

Light Themes

Theme Best for
Spect (Light Classic) Clean, bright work. Bright colors and less borders.
Spect (Light Professional) High accessibility and deep token colors for long work.
Spect (Light Colorblind) Maximum borders & contrast for high readability and less eye strain.

Suggestions, hovers, and the command palette float with subtle translucency — keeping code context visible even when overlays are active.

Translucent Widgets


Pixel-Perfect File Icons

250+ original icons designed for instant recognition — even at the smallest scales.

A deliberate 8-color functional palette: Red, Orange, Yellow, Green, Blue, Purple, Gray, White. One color per icon. Highly scannable, never noisy.

Spect Icon Grid

### Available Icon Themes
  • Spect (Dark)
  • Spect (Light)

Coming soon: Monochrome, Compact, Small variants

What Sets Spect Apart

Most icon packs treat similar file types identically. 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 vs Modules (PY vs PYM)
TypeScript TS · TSX · Declaration files
And so many more Unique icons for almost every file type

Full coverage across React, Vue, Svelte, Astro, Solid, all major build tools, config formats, and media assets.


Setup

Via VS Code:

  1. Open Extensions (Ctrl+Shift+X)
  2. Search Spect
  3. 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, dozens of others. None felt like what I actually wanted.

So I built it myself.

The first version was called Syntax Shine — 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.


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 a contrast 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.3.4 — June 1, 2026

Added 40+ new icons and file support

  • 20 new languages: CoffeeScript, F#, Visual Basic, Zig, ReScript, Clojure, Elixir, Objective-C, Nim, Haskell, PureScript, Elm, Gleam, OCaml, Fortran, Julia, Nix
  • Graphics & Game Engines: Unity, Material Files (MAT), HLSL
  • Data & Formats: BibTeX, Binary, Log, Snippet
  • Build & Config: Terraform, Turborepo, Biome, CMake, Gradle, Deno, Storybook, Git Commit, Git Rebase

Added two new light theme variants

  • Spect (Light Professional)
  • Spect (Light Colorblind)

Improved

  • Terminal cursor visibility in dark variants

License

MIT © Hazeq Bin Mohsin. View full license here.



Enjoy.

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

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft