Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Cosmic Nebula ThemesNew to Visual Studio Code? Get it now.
Cosmic Nebula Themes

Cosmic Nebula Themes

cosmic-themes

|
5 installs
| (0) | Free
A deep space theme with purple nebula colors and alien flora accents. Perfect for long coding sessions in the dark.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info
Cosmic Charcoal Mint Icon

Charcoal Mint Theme

A deep space theme with purple nebula colors and alien flora accents. Perfect for long coding sessions in the dark..

.  *   '   .  *   .   ^   *   .  '   .   *   '   ,    *   .   '   ^   .  '   .   *   '   .   *   .   '   *   .
   .   *   ^   .   *   .   '   *   .  '   .   *   '   .   *   .   '   *   ,  '   .   *   '   .   *   .   '   *  

Cosmic Nebula Theme

🌌 About

Cosmic Nebula is a carefully crafted dark theme inspired by the mysterious beauty of deep space. With its rich purple nebula backgrounds and carefully selected accent colors reminiscent of alien flora, this theme creates an immersive coding environment that reduces eye strain during long development sessions.

✨ Features

  • Deep Space Aesthetics: Rich purple backgrounds that evoke the feeling of floating through a cosmic nebula
  • Alien Flora Accents: Green accents that add a touch of otherworldly life to your code
  • Two Variants:
    • Cosmic Nebula: Full intensity colors for maximum visual impact
    • Cosmic Nebula Soft: Muted colors for extended coding sessions
  • Optimized Contrast: Carefully balanced colors ensure excellent readability
  • Semantic Highlighting: Full support for modern VS Code semantic highlighting
  • Comprehensive Coverage: Supports all popular programming languages
  • Eye-Friendly: Designed to reduce eye fatigue during long coding sessions

🎨 Color Palette

Background Colors

  • Primary: #1a0b2e - Deep cosmic purple
  • Secondary: #160928 - Darker panel background
  • Tertiary: #0f061e - Almost black with purple undertone

Text Colors

  • Primary: #f8f8ff - Ghostly white, softly glowing
  • Secondary: #d1cdd9 - Light lavender gray
  • Muted: #9a92b0 - Subdued lavender for secondary text

Accent Colors

  • Violet Dark: #7209b7 - Rich dark purple (primary accent)
  • Violet Mid: #a663cc - Soft medium purple (buttons, highlights)
  • Cosmic Green: #4c956c - Alien flora green (strings, success)
  • Stellar Blue: #5e60ce - Stellar blue (functions, info)
  • Nebula Pink: #d94d9a - Pink nebula glow (constants, errors)

🚀 Installation

From VS Code Marketplace

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
  3. Search for "Cosmic Nebula"
  4. Click Install
  5. Go to File > Preferences > Color Theme
  6. Select "Cosmic Nebula" or "Cosmic Nebula Soft"

Manual Installation

  1. Download the theme files
  2. Copy the cosmic-nebula-theme folder to your VS Code extensions directory:
    • Windows: %USERPROFILE%\.vscode\extensions\
    • macOS: ~/.vscode/extensions/
    • Linux: ~/.vscode/extensions/
  3. Restart VS Code
  4. Select the theme from File > Preferences > Color Theme

🛠️ Recommended Settings

For the best experience with Cosmic Nebula, consider these VS Code settings:

{
    "editor.semanticHighlighting.enabled": true,
    "editor.bracketPairColorization.enabled": true,
    "editor.fontLigatures": true,
    "editor.cursorBlinking": "smooth",
    "workbench.iconTheme": "material-icon-theme"
}

📸 Screenshots

JavaScript/TypeScript

JavaScript Example

HTML/CSS

HTML/CSS Example

Python

Python Example

Terminal

Terminal Example

🌟 Language Support

Cosmic Nebula provides excellent syntax highlighting for:

  • JavaScript/TypeScript
  • Python
  • HTML/CSS/SCSS
  • React/JSX
  • Vue.js
  • PHP
  • Java
  • C/C++
  • C#
  • Go
  • Rust
  • Ruby
  • JSON/YAML
  • Markdown
  • And many more! example

🎯 Design Philosophy

Cosmic Nebula was designed with these principles in mind:

  1. Immersive Experience: Create a coding environment that feels like exploring deep space
  2. Eye Comfort: Reduce strain during long coding sessions with carefully balanced contrast
  3. Visual Hierarchy: Use color and contrast to create clear information hierarchy
  4. Consistency: Maintain visual consistency across all UI elements
  5. Accessibility: Ensure good contrast ratios for better readability

🔧 Customization

You can customize the theme by adding these settings to your VS Code settings.json:

{
    "workbench.colorCustomizations": {
        "[Cosmic Nebula]": {
            "editor.background": "#1a0b2e",
            "editor.foreground": "#f8f8ff"
        }
    },
    "editor.tokenColorCustomizations": {
        "[Cosmic Nebula]": {
            "comments": "#9a92b0"
        }
    }
}

🐛 Issues & Feedback

Found a bug or have a suggestion? Please open an issue on our GitHub repository.

📝 Changelog

Version 1.0.0

  • Initial release
  • Main Cosmic Nebula theme
  • Cosmic Nebula Soft variant
  • Full semantic highlighting support
  • Comprehensive language support

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

📄 License

This theme is licensed under the MIT License.

🙏 Acknowledgments

  • Inspired by the beauty of cosmic nebulae and deep space imagery
  • Color palette influenced by astronomical photography
  • Thanks to the VS Code team for the excellent theming API

Enjoy coding in the cosmos! 🚀✨

If you enjoy this theme, please consider leaving a review on the VS Code Marketplace and sharing it with fellow developers.

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