Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Shadow Theme — VS Code Color & Icon ThemesNew to Visual Studio Code? Get it now.
Shadow Theme — VS Code Color & Icon Themes

Shadow Theme — VS Code Color & Icon Themes

Raza Raheem

|
10 installs
| (0) | Free
30 hand-crafted VS Code color themes — dark, light & OLED — plus 450+ file icons. Anime, minimal & pro styles with a built-in theme switcher.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Shadow Theme — VS Code Color & Icon Themes

Shadow Theme is a free VS Code theme pack with 30 hand-crafted color themes and a matching file icon theme (450+ icons). Whether you want a dark theme, light theme, OLED black theme, anime-inspired theme, Catppuccin palette, or a minimal professional theme — Shadow Theme has a variant built for long coding sessions with WCAG AA contrast validation.

Install on VS Code Open VSX License: MIT


Install

VS Code Marketplace

  1. Open VS Code → Extensions (Ctrl+Shift+X / Cmd+Shift+X)
  2. Search "Shadow Theme", "dark theme", "color theme", or "anime theme"
  3. Click Install

Cursor (via Open VSX)

  1. Open Extensions in Cursor
  2. Search Shadow Theme or RazaRaheem.shadowtheme
  3. Click Install

From the command line

code --install-extension RazaRaheem.shadowtheme

From a VSIX file

code --install-extension shadowtheme-1.0.3.vsix

Apply a theme

  1. Ctrl+K Ctrl+T (or Cmd+K Cmd+T on macOS) → pick any Shadow Theme variant
  2. Or run Shadow Theme: Apply Recommended Setup from the Command Palette

Why Shadow Theme?

Feature Details
30 color themes Dark, light, OLED, anime, Catppuccin, neon, and minimal variants
450+ file icons Shadow Theme Icons — tech brands + custom SVGs
Built-in switcher Cycle themes, toggle light/dark, pick by line (Anime / Focus / Vibe)
WCAG AA contrast Every theme validated at build time for readable syntax
Orange selection accents Custom #E5850D highlights on select themes
Zero config Sensible editor defaults — bracket colorization, smooth scrolling
Free & open source MIT licensed

Theme Lines at a Glance

Line Themes Best for
Anime Jutsu, Breathing, Water, Flame, Infinity, Sharingan, Eclipse Anime fans, high-contrast dark coding, dramatic syntax colors
Focus Focus Dark, Focus Light, Slate Pro, Graphite, OLED Void Distraction-free work, offices, OLED laptops, minimal aesthetics
Vibe Dusk, Aurora, Ocean Drift, Ember, Sakura, Nebula, Canvas, Velvet, Prism, Onyx, Spectrum, Spirited, Lullaby, Gilded Mood-based coding — warm, cool, pastel, neon, or light themes
Catppuccin Latte, Frappé, Macchiato, Mocha Official Catppuccin palette fans

Anime Line

Seven anime-inspired dark themes with vibrant syntax accents and deep backgrounds.

Shadow Theme Jutsu

Inspired by Naruto Uzumaki. A near-black night sky background with chakra-orange cursor and golden type highlights. Purple keywords channel the Rasengan energy while cool cyan functions echo Hidden Leaf moonlit rooftops.

Shadow Theme Breathing

Inspired by Demon Slayer — Tanjiro Kamado. Deep navy-black canvas with lavender keywords and icy-blue functions that mirror Total Concentration Breathing.

Shadow Theme Water

Inspired by Giyu Tomioka — Water Breathing. Desaturated teal foreground on midnight-blue with cyan functions and muted red numbers.

Shadow Theme Flame

Inspired by Kyojuro Rengoku — Flame Breathing. Charred-black background with amber keywords, blazing-orange functions, and crimson constants.

Shadow Theme Infinity

Inspired by the Infinity Castle arc. Deep violet-black void with electric purple keywords and cold teal functions.

Shadow Theme Sharingan

Inspired by Itachi Uchiha. Void-black background with blood-crimson keywords and orange #E5850D selection highlights.

Shadow Theme Eclipse

Inspired by the Uchiha duality — Sasuke meets Itachi. Chidori-blue keywords clash against Sharingan purple functions on a near-void background.


Focus Line

Five minimal VS Code themes designed around clarity and zero distraction.

Shadow Theme Focus Dark

Muted blue-gray background with warm purple keywords. Orange #E5850D text selection for clear highlights.

Shadow Theme Focus Light

Off-white background with ink-dark foreground. Light purple/orange selection tints.

Shadow Theme Slate Pro

Blue-tinted professional dark theme — structured, cool-toned, polished.

Shadow Theme Graphite

Charcoal-gray with barely-there color accents. The most minimal Focus theme.

Shadow Theme OLED Void

Pure black background for OLED screens. Muted cool accents on true black.


Vibe Line

Fourteen aesthetic color themes with distinct moods — warm, cool, light, neon, and reference-inspired.

Shadow Theme Dusk

Deep violet-purple twilight with soft lavender keywords and mellow blue functions.

Shadow Theme Aurora

Forest-teal dark theme with aurora borealis undertones — sage keywords and sky-blue functions.

Shadow Theme Ocean Drift

Deep navy drifting into teal and steel-blue syntax. Calm and rhythmic.

Shadow Theme Ember

Warm-toned dark with a worn leather desk feel — rose keywords and dusty-blue functions.

Shadow Theme Sakura

Cherry-blossom light theme. Soft pink-white with plum keywords and earthy green strings.

Shadow Theme Nebula

Inspired by Tokyo Night. Deep indigo with lilac keywords, electric-blue functions, and lime strings.

Shadow Theme Canvas

Clean white-paper light theme. Blue functions, green strings, amber variables.

Shadow Theme Velvet

Dracula-inspired dark purple with hot-pink keywords and neon-green functions.

Shadow Theme Prism

Vibrant Dracula-style palette — magenta keywords, coral variables, cyan functions, lime strings, orange selection.

Shadow Theme Onyx

Pure black OLED coding theme — pink keywords, peach variables, cyan functions, mint strings, orange selection.

Shadow Theme Spectrum

Monokai Spectrum–inspired — cyan keywords, green functions, yellow strings, pink operators, orange tab accents.

Shadow Theme Spirited

Warm dark theme with blue keywords, peach functions, sand strings, sage numbers, coral status bar, orange selection.

Shadow Theme Lullaby

Soft pastel dark with Catppuccin Mocha influence. Lavender keywords, mint strings, peach numbers.

Shadow Theme Gilded

Warm amber minimalist inspired by Vesper. Pure black with gold keywords and orange functions.


Catppuccin Line

Four themes using the official Catppuccin palette — Mauve keywords, Green strings, Blue functions, Peach numbers.

Theme Type Flavor
Shadow Theme Catppuccin Latte Light Cream base, soft pastels
Shadow Theme Catppuccin Frappé Dark Cool muted dark
Shadow Theme Catppuccin Macchiato Dark Warm mid-dark
Shadow Theme Catppuccin Mocha Dark Deep cozy dark (official palette)

Use Toggle Light/Dark to switch between Latte and any dark Catppuccin flavor.


Commands

Command What it does
Shadow Theme: Cycle Theme Rotate through all 30 themes
Shadow Theme: Toggle Light/Dark Switch between light and dark variants
Shadow Theme: Set Anime Line Pick from the 7 anime themes
Shadow Theme: Set Focus Line Pick from the 5 focus themes
Shadow Theme: Set Vibe Line Pick from the 14 vibe themes
Shadow Theme: Apply Recommended Setup Apply default theme + icon theme + editor settings
Shadow Theme: Apply Icons Switch to Shadow Theme Icons

Suggested Editor Settings

Shadow Theme works great with a monospace font and slightly increased line height:

{
  "editor.fontFamily": "'JetBrains Mono', 'Fira Code', Consolas, monospace",
  "editor.fontSize": 14,
  "editor.lineHeight": 22,
  "editor.fontLigatures": true
}

FAQ

What is Shadow Theme?

Shadow Theme is a free Visual Studio Code extension that bundles 30 color themes and a file icon theme. It works in VS Code, Cursor, and other Open VSX–compatible editors. Themes are grouped into Anime, Focus, Vibe, and Catppuccin lines.

What is the best dark theme for VS Code?

For OLED laptops, try OLED Void or Onyx (true black). For anime fans, Jutsu or Sharingan. For daily professional use, Focus Dark or Slate Pro. For Catppuccin fans, try Catppuccin Mocha. Switch between all of them with one command.

Does Shadow Theme work in Cursor?

Yes. Install from Open VSX or via a .vsix file. Cursor uses the same extension format as VS Code.

Does Shadow Theme include a file icon theme?

Yes. Shadow Theme Icons ships with 450+ SVG file icons. ESLint, TypeScript, Python, Rust, Go, and 200+ extensions are covered. Run Shadow Theme: Apply Icons or enable auto-apply in settings.

How is Shadow Theme different from One Dark Pro, Dracula, or Catppuccin?

Those are excellent single-theme extensions. Shadow Theme is a theme pack — 30 variants plus icons and a built-in switcher. Try Nebula for Tokyo Night vibes, Catppuccin Mocha for official Catppuccin colors, Velvet for Dracula energy, or Spectrum for Monokai Spectrum style.

Is Shadow Theme free?

Yes. MIT licensed and free on the VS Code Marketplace and Open VSX.


Related Searches

vscode theme · cursor theme · color theme · dark theme vscode · light theme vscode · best vscode themes · anime vscode theme · catppuccin vscode · monokai spectrum · icon theme vscode · oled dark theme · neon syntax theme · theme pack · open vsx theme


Contributing

Found a contrast issue or want a new theme variant? Open an issue or pull request on GitHub.

License

MIT © Raza Raheem

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