Ether Themes - Visual Studio Marketplace

Install

Open Extensions (Ctrl+Shift+X / Cmd+Shift+X)
Search Ether Themes
Click Install, then pick a palette: Ctrl+K Ctrl+T (Windows/Linux) or Cmd+K Cmd+T (macOS)

Or run in the command palette:

ext install Priyaank.ether-theme

Why developers pick Ether

25 dark themes — Curated distinct palettes: neutral Graphite, cool Storm and Slate, bioluminescent Abyss, matrix Cipher, volcanic Magma, and more
496 snippets — React 19, Next.js App Router, TanStack Query, Zod, Vitest, Node/Express — type a prefix, press Tab
Bundled grammars — Astro, Vue, Svelte, MDX, Angular templates, Kotlin, AIDL, ProGuard/R8, and Dotenv — no extra language extensions required
Readable by design — WCAG contrast checks at build time; comments tuned to match active gutter line numbers; hue-locked sidebar/editor stacks with clear interactive chrome
Works everywhere — Published on the VS Code Marketplace and Open VSX for Cursor

Theme catalog

Ether Abyss · Ether Amethyst · Ether Arctic · Ether Celestial · Ether Cipher · Ether Crimson · Ether Cyber · Ether Dracula · Ether Dusk · Ether Ember · Ether Forest · Ether Graphite · Ether Luna · Ether Magma · Ether Midnight · Ether Moss · Ether Noir · Ether Obsidian · Ether Rust · Ether Sapphire · Ether Sepia · Ether Slate · Ether Stone · Ether Storm · Ether Wine

Previews

Ether Abyss

Ether Amethyst

Ether Arctic

Ether Celestial

Ether Cipher

Ether Crimson

Ether Cyber

Ether Dracula

Ether Dusk

Ether Ember

Ether Forest

Ether Graphite

Ether Luna

Ether Magma

Ether Midnight

Ether Moss

Ether Noir

Ether Obsidian

Ether Rust

Ether Sapphire

Ether Sepia

Ether Slate

Ether Stone

Ether Storm

Ether Wine

Snippets

496 production-ready templates across six editor scopes. Type a prefix, press Tab.

📖 Snippet Documentation — searchable reference for all 496 snippets with prefixes, categories, and code previews.

Language	File types	Popular prefixes
JavaScript	`.js`, `.mjs`, `.cjs`	`fn`, `fetch`, `debounce`, `nodeexp`, `allsettled`
TypeScript	`.ts`	`interface`, `zsafe`, `satisfies`, `gfn`, `nodeenv`
React (JSX)	`.jsx`	`rfc`, `useoptimistic`, `tquse`, `nxpage`, `rfdialog`
React (TSX)	`.tsx`	`rfcserver`, `useformstatus`, `tqmut`, `nxaction`, `vtcmp`
HTML	`.html`, `.htm`	`html5`, `popover`, `jsonld`, `dialog`, `live`
CSS	`.css`	`has`, `oklch`, `colormix`, `gridfit`, `modernreset`

Stacks covered: React 19 hooks · Next.js server actions & routes · TanStack Query · Zod validation · Vitest & Testing Library · MSW · Express & Fastify · modern CSS (:has(), nesting, color-mix)

Regenerate the product site locally: pnpm run site:build (output in site/).

Language support

Bundled TextMate grammars and 44 language associations for modern web and Android projects.

Grammar	Extensions & files
Astro	`.astro` — frontmatter TypeScript, HTML, JSX expressions
Vue	`.vue` — SFC template, script, style blocks
Svelte	`.svelte` — markup, script, style, directives
MDX	`.mdx` — Markdown + JSX
Angular templates	`{{ }}` bindings, `@if` / `@for` blocks in HTML & inline TS templates
Kotlin	`.kt`, `.kts`, `build.gradle.kts` — Compose & Android annotations
AIDL	`.aidl` — interfaces, parcelables, enums, unions
ProGuard / R8	`.pro`, `.keep`, `proguard-rules.pro`, `consumer-rules.pro`
Dotenv	`.env`, `.env.*`

Also associated: .jsx, .tsx, .js, .ts, AndroidManifest.xml, res/** XML, Gradle files, and more. React / Preact use VS Code’s built-in JSX grammars with Ether theme colors.

Contributing

git clone https://github.com/PRIYAANK2510/ether-theme.git
cd ether-theme
corepack enable
pnpm install
pnpm run check:fast   # daily: lint → extension build → tests → site prepare → typecheck → site build

Task	Command
Extension rebuild loop	`pnpm run watch`
Website dev server	`pnpm run site:dev`
Full pre-release check	`pnpm run check`

See CONTRIBUTING.md for the full guide and docs/WORKFLOW.md for release details.

Enjoying Ether? Star the repo — it helps other developers discover these themes.

License

MIT — see LICENSE.