Neon Green Theme Collection
6 meticulously crafted VS Code themes in 2 families: vivid Neon Green with electric accents and warm Soft Glow with eye-friendly pastels.
Screenshots
Dark Theme
Light Theme
Theme Variants
Neon Green Family
| Variant |
Base |
Vibe |
| Dark Terminal |
Pure dark green-black (#0a0f0a) |
Classic hacker terminal |
| Midnight |
Deep blue-black (#0b1014) |
Softer, midnight coding |
| Light |
Clean light background |
Daytime-friendly neon green |
| Liquid Glass |
Dark with glass effects |
Modern translucent feel |
Soft Glow Family
| Variant |
Base |
Vibe |
| Dark |
Deep warm charcoal (#12100e) |
Cozy, eye-friendly dark — warm amber accents |
| Light |
Warm cream (#faf7f4) |
Gentle daylight theme — muted jewel tones |
Key Features
- Two distinct aesthetics: vivid neon green accents (Neon Green family) and warm amber/pastel tones (Soft Glow family)
- 6 themes across 2 families for different moods and lighting conditions
- Carefully tuned multicolor syntax for long coding sessions
- Broad language support: JavaScript, TypeScript, Python, Rust, Go, HTML/CSS, JSON, YAML, Markdown, Shell, and more
- Custom terminal colors, bracket colorization, and git decoration colors
Quick Start
From VS Code Marketplace
- Open VS Code
- Go to Extensions (
Ctrl+Shift+X / Cmd+Shift+X)
- Search for "Neon Green Theme Collection"
- Click Install
- Select the theme via
Preferences: Color Theme (Ctrl+K Ctrl+T)
From VSIX
npm install -g @vscode/vsce
vsce package
code --install-extension neon-green-theme-1.5.0.vsix
Manual Installation
Copy this folder to your VS Code extensions directory:
- macOS/Linux:
~/.vscode/extensions/neon-green-theme
- Windows:
%USERPROFILE%\.vscode\extensions\neon-green-theme
Then reload VS Code and select the theme via Preferences: Color Theme.
iTerm2 Terminal Themes
Matching iTerm2 color profiles are included for a consistent look across your editor and terminal.
| File |
Variant |
themes/Neon Green Dark.itermcolors |
Dark Terminal — deep midnight background with neon green cursor |
themes/Neon Green Light.itermcolors |
Light — mint-green background with green accents |
Install: Double-click the .itermcolors file to auto-import, or go to iTerm2 → Settings → Profiles → Colors → Color Presets → Import.
Color Palettes
Neon Green Family
| Role |
Hex |
Preview |
| Background |
#0a0f0a |
Deep charcoal |
| Foreground |
#c8d6c8 |
Soft green-white |
| Neon Green (accent) |
#39ff14 |
Keywords, cursor, active elements |
| Bright Green |
#4dff4d |
Active tab text, selection |
| Soft Green |
#7dcea0 |
Strings, attributes |
| Teal |
#4dd9c0 |
Numbers, types, links |
| Mint |
#66d9a0 |
Classes, constants |
| Red |
#ff5555 |
Errors, deletions |
| Orange |
#ffb347 |
Warnings, modifications |
Soft Glow Family
| Role |
Hex |
Preview |
| Background |
#12100e |
Deep warm charcoal |
| Foreground |
#c8c0b8 |
Warm gray |
| Amber (accent) |
#d4a87a |
UI accents, cursor, active elements |
| Keywords |
#c090e0 |
Soft purple |
| Functions |
#70a0e0 |
Muted blue |
| Strings |
#b8cc70 |
Yellow-green |
| Properties |
#90c880 |
True green |
| Types |
#5cb8d0 |
Soft cyan |
| Numbers |
#e08070 |
Warm coral |
| Parameters |
#e0c060 |
Golden yellow |
Syntax Highlights
Neon Green
- Keywords — Bold neon green
#39ff14
- Strings — Warm soft green
#7dcea0
- Functions — Bright white-green
#b5e8c8
- Types/Classes — Mint green
#66d9a0
- Numbers — Teal
#4dd9c0
- Comments — Muted forest italic
#3a5a3a
Soft Glow
- Keywords — Soft purple
#c090e0
- Strings — Yellow-green
#b8cc70
- Functions — Muted blue
#70a0e0
- Types/Classes — Soft cyan
#5cb8d0
- Numbers — Warm coral
#e08070
- Comments — Warm gray italic
#5a5248
Language Support
Carefully tuned token colors for:
- JavaScript / TypeScript / JSX / TSX
- Python (decorators, f-strings, magic methods)
- Rust (lifetimes, macros)
- Go (packages)
- HTML / CSS / SCSS
- JSON / YAML
- Markdown
- Shell / Bash
- And all languages via TextMate scopes
Project Structure
vscode-theme-neon-green/
├── assets/logo/ # Brand assets (full logo kit)
│ ├── logo-full.svg # Mark + wordmark (horizontal)
│ ├── logo-mark.svg # Symbol only
│ ├── logo-wordmark.svg # Text only
│ ├── logo-icon.svg # App icon (512x512)
│ ├── favicon.svg # 16x16 optimized
│ ├── logo-white.svg # White version (dark backgrounds)
│ └── logo-black.svg # Black version (light backgrounds)
├── themes/
│ ├── neon-green-color-theme.json # Dark Terminal variant
│ ├── neon-green-midnight-color-theme.json # Midnight variant
│ ├── neon-green-light-color-theme.json # Light variant
│ ├── neon-green-liquid-glass-color-theme.json # Liquid Glass variant
│ ├── soft-glow-dark-color-theme.json # Soft Glow Dark variant
│ ├── soft-glow-light-color-theme.json # Soft Glow Light variant
│ ├── Neon Green Dark.itermcolors # iTerm2 Dark Terminal profile
│ └── Neon Green Light.itermcolors # iTerm2 Light profile
├── examples/
│ └── theme-showcase.md # Multi-language syntax showcase
├── icon.png # Extension icon
├── icon.svg # Extension icon (SVG source)
├── package.json # Extension manifest
└── README.md
Contributing
Contributions are welcome! Please see CONTRIBUTING.md for guidelines.
License
MIT - Luong Nguyen
| |
