Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Sunset Gradient ThemeNew to Visual Studio Code? Get it now.
Sunset Gradient Theme

Sunset Gradient Theme

production-sun-set

|
4 installs
| (0) | Free
A warm and romantic VS Code theme inspired by beautiful sunset gradients with coral, orange, and purple accents
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info
ASCII

Sunset Gradient for Visual Studio Code

A warm and romantic VS Code theme inspired by beautiful sunset gradients with coral, orange, and purple accents

Sunset Gradient Theme

🌅 About

Sunset Gradient is a carefully crafted dark theme that brings the warm, romantic atmosphere of a beautiful sunset to your coding environment. With its rich coral, orange, and purple color palette, this theme creates a cozy and inspiring workspace perfect for long coding sessions.

✨ Features

  • Two Variants: Regular and Soft versions for different preferences
  • Warm Color Palette: Inspired by sunset gradients with coral (#ff6b6b), orange (#ffa726), and purple (#ab47bc) accents
  • High Contrast: Optimized for readability with carefully selected color combinations
  • Semantic Highlighting: Full support for VS Code's semantic highlighting features
  • Comprehensive Coverage: Supports all major programming languages and file types
  • Eye-Friendly: Designed to reduce eye strain during extended coding sessions
  • Git Integration: Clear visual indicators for Git status and changes
  • Terminal Support: Beautiful ANSI color scheme for integrated terminal

🎨 Color Palette

Main Colors

  • Background: #2d1b3d (Deep purple-violet)
  • Foreground: #fff3e0 (Warm cream)
  • Coral Accent: #ff6b6b (Primary accent)
  • Orange Accent: #ffa726 (Secondary accent)
  • Purple Accent: #ab47bc (Tertiary accent)

Syntax Highlighting

  • Keywords: Coral (#ff6b6b) - Bold
  • Strings: Golden yellow (#ffcc02)
  • Functions: Orange (#ffa726)
  • Comments: Muted purple (#8e7cc3) - Italic
  • Numbers: Purple (#ab47bc)
  • Classes: Blue (#42a5f5)

📦 Installation

From VS Code Marketplace

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

Manual Installation

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

🎯 Theme Variants

Sunset Gradient (Regular)

The main theme with full intensity colors, perfect for well-lit environments and users who prefer vibrant colors.

Sunset Gradient Soft

A gentler variant with slightly muted colors, ideal for low-light environments and extended coding sessions.

🛠️ Recommended Settings

For the best experience with Sunset Gradient, consider these VS Code settings:

{
    "editor.semanticHighlighting.enabled": true,
    "editor.bracketPairColorization.enabled": true,
    "editor.guides.bracketPairs": true,
    "editor.fontLigatures": true,
    "workbench.iconTheme": "material-icon-theme",
    "terminal.integrated.minimumContrastRatio": 4.5
}

🌟 Language Support

Sunset Gradient provides excellent syntax highlighting for:

  • Web Technologies: HTML, CSS, JavaScript, TypeScript, React, Vue, Angular
  • Backend Languages: Python, Java, C#, PHP, Ruby, Go, Rust
  • Data & Config: JSON, YAML, XML, TOML, INI
  • Documentation: Markdown, reStructuredText
  • Shell & Scripts: Bash, PowerShell, Batch
  • And many more!

🎨 Screenshots

JavaScript/TypeScript

Beautiful syntax highlighting for modern JavaScript and TypeScript development. Sunset Gradient Theme

Python

Clean and readable Python code with proper highlighting for functions, classes, and keywords. Sunset Gradient Theme

HTML/CSS

Vibrant colors for web development with clear distinction between tags, attributes, and styles. Sunset Gradient Theme

Json

Warm ANSI colors that complement the theme perfectly. Sunset Gradient Theme

🤝 Contributing

Found an issue or have a suggestion? We'd love to hear from you!

  1. Report Issues: GitHub Issues
  2. Feature Requests: Open an issue with the "enhancement" label
  3. Pull Requests: Contributions are welcome!

📝 Changelog

[1.0.0] - 2024-11-22

Added

  • Initial release of Sunset Gradient theme
  • Main theme variant with full intensity colors
  • Soft theme variant with muted colors
  • Complete syntax highlighting for all major languages
  • Full VS Code UI theming
  • Terminal color scheme
  • Git integration colors
  • Semantic highlighting support

🙏 Acknowledgments

  • Inspired by the beautiful colors of sunset gradients
  • Thanks to the VS Code team for the excellent theming API
  • Community feedback and suggestions

📄 License

MIT License - see LICENSE for details.


Enjoy coding with the warm glow of sunset! 🌅

Made with ❤️ by Sunset Themes

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