Neon Green Theme Collection

6 VS Code themes in 2 families — vivid Neon Green and warm Soft Glow — built for developers who want their editor to feel sharp, comfortable, and unmistakably alive.

Two aesthetics, one collection. Neon Green for electric terminal energy. Soft Glow for warm, eye-friendly coding. Both tuned for long sessions.

Install from Marketplace · View on GitHub · Read the README

Why this theme exists

Most themes choose one of two extremes:

• visually loud, but tiring after an hour
• safe and readable, but forgettable

Neon Green Theme Collection offers two approaches:

• Neon Green — bold, electric identity with a dark terminal aesthetic
• Soft Glow — warm, desaturated tones that never tire your eyes
• Both with clear syntax separation and enough contrast for real work
• Both tuned for long coding sessions in any lighting

Theme variants

Screenshots

Dark Terminal

Light Variant

Installation

Marketplace

Open VS Code, search for Neon Green Theme Collection, then click Install.

VSIX

npm install -g @vscode/vsce
vsce package
code --install-extension neon-green-theme-1.0.0.vsix

Manual

Copy the project folder into your VS Code extensions directory:

• macOS/Linux: ~/.vscode/extensions/neon-green-theme
• Windows: %USERPROFILE%\.vscode\extensions\neon-green-theme

iTerm2 terminal themes

Use the Neon Green palette in your terminal too. Matching iTerm2 color profiles are included in the repo:

• Neon Green Dark — deep midnight background (#0b0b16) with neon green (#39ff14) cursor and accents
• Neon Green Light — mint-green background (#e2f5e3) with green accents

Install: Double-click the .itermcolors file to auto-import into iTerm2, or go to Settings → Profiles → Colors → Color Presets → Import.

Download: Dark · Light

What the theme covers

• editor chrome
• tabs, sidebar, panels, activity bar, status bar
• terminal colors
• git decorations
• bracket colors
• markdown
• syntax highlighting for common languages like JavaScript, TypeScript, Python, Rust, Go, JSON, YAML, Shell, HTML, and CSS

Palette snapshot

Markdown rendering gallery

This section intentionally shows many Markdown element types so the generated page can act as a living visual reference.

Text styles

This is a normal paragraph with bold text, italic text, bold italic text, strikethrough, and inline code.

You can also check a standard link style here: VS Code Marketplace.

Lists

Ordered

1. Install the theme
2. Select the variant you like
3. Open a real project
4. See if it still feels good after a full work session

Unordered

• Neon Green — Dark Terminal for classic neon contrast
• Neon Green — Midnight for a softer dark setup
• Neon Green — Light for daytime work
• Neon Green — Liquid Glass for modern translucent feel
• Soft Glow — Dark for warm, cozy coding
• Soft Glow — Light for gentle daylight work

Nested

• Editor experience
  • syntax contrast
  • bracket readability
  • git decorations
• UI chrome
  • sidebar
  • status bar
  • tabs

Task list

• Neon Green — Dark Terminal
• Neon Green — Midnight
• Neon Green — Light
• Neon Green — Liquid Glass
• Soft Glow — Dark
• Soft Glow — Light
• Your own favorite setup

Quote

A theme should have a point of view, but it should still help you ship.

Table

Horizontal rule

Images

Syntax showcase

TypeScript

import { EventEmitter } from 'node:events';

type ThemeVariant = 'dark' | 'midnight' | 'light';

interface InstallGuide {
  variant: ThemeVariant;
  accent: string;
  isRecommended: boolean;
}

const VARIANTS: InstallGuide[] = [
  { variant: 'dark', accent: '#39ff14', isRecommended: true },
  { variant: 'midnight', accent: '#4dff4d', isRecommended: true },
  { variant: 'light', accent: '#00a63e', isRecommended: false },
];

export class ThemeRegistry extends EventEmitter {
  constructor(private readonly variants: InstallGuide[]) {
    super();
  }

  find(variant: ThemeVariant): InstallGuide | undefined {
    return this.variants.find((item) => item.variant === variant);
  }
}

Python

from dataclasses import dataclass
from typing import Literal

ThemeVariant = Literal["dark", "midnight", "light"]

@dataclass
class ThemePreview:
    variant: ThemeVariant
    accent: str
    background: str

    def summary(self) -> str:
        return f"{self.variant}: accent={self.accent}, background={self.background}"

preview = ThemePreview("dark", "#39ff14", "#0e0e1a")
print(preview.summary())

Rust

#[derive(Debug)]
enum Variant {
    Dark,
    Midnight,
    Light,
}

fn accent(variant: &Variant) -> &'static str {
    match variant {
        Variant::Dark => "#39ff14",
        Variant::Midnight => "#4dff4d",
        Variant::Light => "#00a63e",
    }
}

fn main() {
    let current = Variant::Dark;
    println!("accent = {}", accent(&current));
}

JSON

{
  "name": "neon-green-theme",
  "displayName": "Neon Green Theme Collection",
  "publisher": "luongnv89",
  "variants": ["dark", "midnight", "light", "liquid-glass", "soft-glow-dark", "soft-glow-light"],
  "accent": "#39ff14"
}

Bash

npm install -g @vscode/vsce
vsce package
code --install-extension neon-green-theme-1.0.0.vsix

Open source details

• License: MIT
• Publisher: luongnv89
• Extension type: VS Code theme
• Repository: luongnv89/vscode-theme-neon-green

If you want to improve the theme, open an issue, suggest a language-specific token tweak, or send a PR.

Final call

Whether you want the electric energy of Neon Green or the cozy warmth of Soft Glow, this collection is built for developers who care about their editor.

Install Neon Green Theme Collection