Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Sunset HorizonNew to Visual Studio Code? Get it now.
Sunset Horizon

Sunset Horizon

fabiantrafada

|
64 installs
| (0) | Free
A beautiful warm sunset-themed color scheme for VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🌅 Sunset Horizon

A beautiful warm sunset-themed color scheme for Visual Studio Code that brings the serene colors of a sunset to your coding environment.

Sunset Horizon Theme Preview

🎨 Color Palette

Sunset Horizon features a carefully crafted warm color palette inspired by the golden hour:

  • Primary: #ff7e5f - Vibrant sunset orange
  • Accent: #feb47b - Golden amber
  • Background: #2a2024 - Deep warm brown
  • Foreground: #f2e9e4 - Warm cream
  • Secondary: #463a41 - Muted brown
  • Highlight: #ffcaa7 - Light golden peach

✨ Features

  • 🌇 Warm & Cozy: Easy on the eyes with sunset-inspired colors
  • 🎯 High Contrast: Excellent readability for long coding sessions
  • 🎨 Comprehensive: Supports syntax highlighting for all major languages
  • 🔧 Consistent: Unified color scheme across all VS Code UI elements
  • 📱 Modern: Clean and contemporary design

🚀 Installation

Via VS Code Marketplace

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

Manual Installation

  1. Download the .vsix file from releases
  2. Open VS Code
  3. Press Ctrl+Shift+P / Cmd+Shift+P
  4. Type "Extensions: Install from VSIX"
  5. Select the downloaded file

🖼️ Screenshots

JavaScript

// Beautiful syntax highlighting for JavaScript
const sunsetColors = {
  primary: '#ff7e5f',
  accent: '#feb47b',
  background: '#2a2024'
};

function createBeautifulCode() {
  return 'Coding with Sunset Horizon! 🌅';
}

CSS

/* Elegant styling for CSS */
.sunset-theme {
  background: linear-gradient(45deg, #ff7e5f, #feb47b);
  color: #f2e9e4;
  border-radius: 8px;
}

JSON

{
  "theme": "Sunset Horizon",
  "mood": "warm and cozy",
  "productivity": "enhanced"
}

🎯 Language Support

Sunset Horizon provides excellent syntax highlighting for:

  • ✅ JavaScript/TypeScript
  • ✅ React/Vue/Angular
  • ✅ Python
  • ✅ CSS/SCSS/LESS
  • ✅ HTML
  • ✅ JSON/YAML
  • ✅ Markdown
  • ✅ And many more!

🛠️ Customization

Want to tweak the theme? You can customize it by adding these settings to your settings.json:

{
  "workbench.colorCustomizations": {
    "[Sunset Horizon]": {
      "editor.background": "#2a2024",
      "editor.foreground": "#f2e9e4"
    }
  },
  "editor.tokenColorCustomizations": {
    "[Sunset Horizon]": {
      "comments": "#d7c6bc"
    }
  }
}

🙏 Inspiration

This theme is inspired by the beautiful sunset-horizon color scheme from tweakcn.com. Special thanks to the original creators for the inspiration behind this warm and inviting color palette.

🐛 Issues & Feedback

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

📝 Changelog

See CHANGELOG.md for a list of changes and updates.

📄 License

This theme is licensed under the MIT License.

💝 Support

If you enjoy using Sunset Horizon, please consider:

  • ⭐ Starring the repository
  • 🔄 Sharing with fellow developers
  • 💬 Leaving a review on the VS Code Marketplace
  • ☕ Buying me a coffee (optional)

Happy coding with Sunset Horizon! 🌅✨

Made with ❤️ by Fabian Trafada

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