🎨 NGC Themes - Premium VS Code Theme Collection

Professional VS Code themes with enhanced semantic highlighting, themed terminal colors, and Git integration. Designed for developers who code 8+ hours daily.

🌟 What's Included

🆓 FREE Theme

NGC Midnight Base - Universal dark theme with balanced colors and excellent readability
- Perfect for trying the collection before purchasing premium
- Full syntax highlighting for all major languages
- Clean UI with optimized contrast ratios

💎 PREMIUM Themes - €14.99 (One-time payment)

Unlock all 3 premium themes + 2 icon packs with advanced features:

NGC Aurora Night - Flagship dark theme with aurora borealis-inspired palette
- Aurora colors: green (#5de4a4), blue (#57b5ff), purple (#b794f6)
- Enhanced semantic highlighting for TypeScript, React, Python
- Themed terminal with matching color scheme
- Git gutter decorations with 80% opacity glow effects
NGC Aurora Dawn - Light variant optimized for daytime coding
- Clean whites with high contrast for bright environments
- Reduced eye strain with carefully calibrated brightness
- Full premium feature set in light mode
NGC Forest Retreat - Nature-inspired dark theme for marathon coding sessions
- Earth tones: mint (#86b98a), amber (#d4a574), teal (#77a5a5)
- Ultra-low eye strain optimization
- Certified for 8h+ continuous use

🎯 Premium Icon Packs (Included with Premium)

Aurora Icons - 400+ gradient-styled icons matching Aurora themes
Forest Icons - 400+ earth-toned icons matching Forest Retreat

✨ Premium Features

🎨 Enhanced Semantic Highlighting

Advanced token colorization for modern development:

Parameters: Distinct pink (#ff6b9d) for function arguments
Variables: Purple (#b794f6) for clear variable tracking
Type parameters: Cyan (#57b5ff) for generics
Readonly/Const: Gold (#ffc266) for immutable values
Async functions: Green (#5de4a4) for async/await patterns
Deprecated code: Strike-through with dim colors
Static members: Underlined for class methods

Supports: TypeScript, JavaScript, React, Python, Go, Rust, C#

🖥️ Themed Terminal Colors

Terminal colors perfectly matched to each theme:

Custom cursor colors for better visibility
Selection backgrounds that match theme palette
ANSI colors optimized for readability
Integrated with editor theme for seamless experience

🔀 Git Integration Colors

Visual Git status directly in your editor:

Modified lines: Orange gutter indicators with glow
Added lines: Green gutter indicators with glow
Deleted lines: Red gutter indicators with glow
Overview ruler markers for quick navigation
Minimap decorations with 80% opacity
Diff editor colors for merge conflicts

📦 Installation

From VS Code Marketplace

Open VS Code
Go to Extensions (Ctrl+Shift+X)
Search: NGC Themes
Click Install
Activate theme: Ctrl+K Ctrl+T → Select NGC theme

Or via Command Line

code --install-extension Mattzey.ngen-themes

Or via Quick Open

Press Ctrl+P
Type: ext install Mattzey.ngen-themes
Press Enter

💳 Unlock Premium Themes

How to Purchase (€14.99 one-time)

In VS Code: Press Ctrl+Shift+P → Type NGC Themes: Buy Premium
Or visit: Purchase Premium Themes
Receive license key via email instantly
Activate: Ctrl+Shift+P → NGC Themes: Enter License Key
Done! All 3 premium themes + 2 icon packs unlocked forever

What You Get

✅ 3 Premium Themes (Aurora Night, Aurora Dawn, Forest Retreat)
✅ 2 Icon Packs (Aurora Icons, Forest Icons)
✅ Enhanced Semantic Highlighting
✅ Themed Terminal Colors
✅ Git Integration Colors
✅ Lifetime Updates - No subscription
✅ One Computer License - Secure device binding

🎨 Theme Showcase

🆓 NGC Midnight Base (FREE)

Best for: Universal use, trying before buying
Palette: Deep blue-gray (#1a1d23) backgrounds, balanced syntax
Eye comfort: ⭐⭐⭐⭐ (4/5)
Languages: Full support for JS, TS, Python, HTML, CSS, JSON

💎 NGC Aurora Night (PREMIUM)

Best for: Night coding, creative work, 8h+ sessions
Palette: Aurora colors - green (#5de4a4), blue (#57b5ff), purple (#b794f6)
Eye comfort: ⭐⭐⭐⭐⭐ (5/5)
Premium features: Semantic highlighting, themed terminal, Git colors
Includes: Aurora Icons (400+ gradient icons)

💎 NGC Aurora Dawn (PREMIUM)

Best for: Daytime coding, bright offices, outdoor work
Palette: Clean whites with high contrast
Eye comfort: ⭐⭐⭐⭐⭐ (5/5)
Premium features: Full premium feature set in light mode
Includes: Aurora Icons (light variant)

💎 NGC Forest Retreat (PREMIUM)

Best for: Marathon 8h+ sessions, maximum eye comfort
Palette: Nature tones - mint (#86b98a), amber (#d4a574), teal (#77a5a5)
Eye comfort: ⭐⭐⭐⭐⭐ (5/5)
Premium features: Ultra-low eye strain optimization
Includes: Forest Icons (400+ nature icons)

🧪 Testing the Themes

To properly test these themes, we recommend creating test files in various languages:

Create Test Files:

1. JavaScript/TypeScript (test.ts)

import { useState, useEffect } from 'react';

interface User {
  id: number;
  name: string;
  email: string;
}

class UserService {
  private apiUrl: string = 'https://api.example.com';
  
  async fetchUser(id: number): Promise<User> {
    const response = await fetch(`${this.apiUrl}/users/${id}`);
    return response.json();
  }
}

const MyComponent = () => {
  const [users, setUsers] = useState<User[]>([]);
  
  useEffect(() => {
    // Load users on mount
    const service = new UserService();
    service.fetchUser(1).then(setUsers);
  }, []);
  
  return <div>{users.map(u => u.name)}</div>;
};

2. Python (test.py)

from typing import List, Dict, Optional
import asyncio

class DataProcessor:
    def __init__(self, config: Dict[str, any]):
        self.config = config
        self.results: List[str] = []
    
    async def process(self, data: List[int]) -> Optional[List[int]]:
        """Process data asynchronously"""
        processed = []
        for item in data:
            if item > 0:
                processed.append(item * 2)
        return processed
    
    @staticmethod
    def validate(value: str) -> bool:
        return len(value) > 0 and value.isalnum()

async def main():
    processor = DataProcessor({'batch_size': 100})
    result = await processor.process([1, 2, 3, -4, 5])
    print(f"Processed: {result}")

if __name__ == '__main__':
    asyncio.run(main())

3. HTML/CSS (test.html)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Test Page</title>
    <style>
        .container {
            display: flex;
            justify-content: center;
            align-items: center;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
        }
        
        .card {
            padding: 2rem;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        
        @media (max-width: 768px) {
            .container {
                padding: 1rem;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="card">
            <h1>Hello World</h1>
            <p>Testing theme colors</p>
        </div>
    </div>
</body>
</html>

4. JSON (test.json)

{
  "name": "ngen-themes",
  "version": "1.0.0",
  "themes": [
    {
      "id": "midnight-base",
      "type": "dark",
      "price": 0
    },
    {
      "id": "aurora-night",
      "type": "dark",
      "price": 9.99
    }
  ],
  "features": {
    "semantic": true,
    "icons": true,
    "customization": "full"
  }
}

5. Markdown (test.md)

# Heading 1
## Heading 2
### Heading 3

This is a **bold** text and this is *italic*.

- List item 1
- List item 2
  - Nested item

1. Numbered list
2. Second item

> This is a blockquote

\`\`\`javascript
const code = 'inline code block';
console.log(code);
\`\`\`

[Link text](https://example.com)

![Image alt](https://github.com/Mattzey/Ngen-Themes/raw/HEAD/image.png)

🎯 What to Look For When Testing

Readability: Can you easily distinguish keywords, strings, and variables?
Eye Comfort: Do the colors feel comfortable after 10+ minutes?
Contrast: Is the text clearly visible against backgrounds?
Syntax Highlighting: Are different language constructs properly colored?
UI Integration: Do sidebars, statusbar, and tabs look cohesive?
Icon Clarity: Are file icons easily recognizable? (Premium themes only)

⚙️ Recommended Settings

For the best experience with NGC Themes, add these to your VS Code settings.json:

{
  "editor.fontFamily": "'Fira Code', 'JetBrains Mono', 'Cascadia Code', Consolas, monospace",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6,
  "editor.semanticHighlighting.enabled": true,
  "editor.bracketPairColorization.enabled": true,
  "workbench.tree.indent": 20,
  "terminal.integrated.fontSize": 13,
  "terminal.integrated.lineHeight": 1.3
}

🛠️ Commands

NGC Themes: Buy Premium Themes ($14.99) - Open purchase page
NGC Themes: Enter License Key - Activate premium themes with your license

🌐 Supported Languages

Full syntax highlighting support for:

JavaScript / TypeScript / JSX / TSX
Python
HTML / CSS / SCSS
JSON / YAML
Markdown
Go / Rust / C#
And many more...

📄 License

MIT License - Free to use. Premium themes require purchase.

🐛 Issues & Support

Found a bug or have a suggestion?

⭐ Show Your Support

If you enjoy NGC Themes:

⭐ Star on GitHub
✍️ Leave a review on VS Code Marketplace
🐦 Share with your developer friends

Made with 💜 by Mattzey | Website | Stripe Payment "editor.fontSize": 14, "editor.lineHeight": 1.6, "editor.cursorBlinking": "smooth", "editor.cursorSmoothCaretAnimation": "on", "editor.smoothScrolling": true, "workbench.tree.indent": 16, "editor.bracketPairColorization.enabled": true }


---

## 💰 Pricing

| Theme | Price | What's Included |
|-------|-------|-----------------|
| NGC Midnight Base | **FREE** | Base dark theme |
| NGC Aurora Professional | **$9.99** | Aurora Night + Aurora Dawn + Aurora Icons |
| NGC Forest Retreat | **$7.99** | Forest Retreat theme + Forest Icons |
| **Complete Bundle** | **$14.99** | All 4 themes + Both icon packs (Save $3!) |

---

## 🔧 Development

### Building from source:

```bash
# Install dependencies (if any in future)
npm install

# Package extension
vsce package

# Install locally
code --install-extension ngc-themes-1.0.0.vsix

📝 Changelog

See CHANGELOG.md for version history.

📄 License

MIT License - See LICENSE for details.

🤝 Support

🐛 Found a bug? Open an issue
💡 Have a suggestion? We'd love to hear it!
⭐ Like the themes? Leave a review on the marketplace!

🎨 Color Philosophy

All NGC themes are designed with:

Eye Comfort First: Contrast ratios of 4.5:1 to 7:1
Semantic Meaning: Colors convey purpose (e.g., blue for types, green for strings)
Long Session Optimization: Reduced eye strain for 8h+ coding
Professional Quality: Used by developers at top tech companies

Made with ❤️ for developers who code long hours

NGC Themes - Premium VS Code Color Themes

NextGenCode

🎨 NGC Themes - Premium VS Code Theme Collection

🌟 What's Included

🆓 FREE Theme

💎 PREMIUM Themes - €14.99 (One-time payment)

🎯 Premium Icon Packs (Included with Premium)

✨ Premium Features

🎨 Enhanced Semantic Highlighting

🖥️ Themed Terminal Colors

🔀 Git Integration Colors

📦 Installation

From VS Code Marketplace

Or via Command Line

Or via Quick Open

💳 Unlock Premium Themes

How to Purchase (€14.99 one-time)

What You Get

🎨 Theme Showcase

🆓 NGC Midnight Base (FREE)

💎 NGC Aurora Night (PREMIUM)

💎 NGC Aurora Dawn (PREMIUM)

💎 NGC Forest Retreat (PREMIUM)

🧪 Testing the Themes

Create Test Files:

🎯 What to Look For When Testing

⚙️ Recommended Settings

🛠️ Commands

🌐 Supported Languages

📄 License

🐛 Issues & Support

⭐ Show Your Support

📝 Changelog

📄 License

🤝 Support

🎨 Color Philosophy