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

Horizon Light Theme

andrecat

|
6 installs
| (0) | Free
A clean light theme where the blue sky meets the warm sun. Azure tones with orange accents for a balanced, professional experience.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Horizon

A clean, minimal light theme where the blue sky meets the warm sun.

banner

Features

  • Azure blue as the primary color for navigation and actions
  • Warm orange accents for highlights, warnings, and focal points
  • Tropical teal & green for strings and comments
  • Clean white backgrounds with subtle blue tints
  • Carefully balanced contrast for comfortable long coding sessions
  • Semantic token coloring for modern language support
  • Complete UI theming including merge editor and notebooks

Color Palette

Syntax Colors

Color Hex Usage
black Black bold #000000 Keywords (def, class, if, for, return, import, try)
blue Blue bold #007AFF Functions, methods, modules, exceptions
blue-denim Denim blue #5085B0 Decorators, regex
blue-light Light blue italic #5A9FD4 self/this, numbers, constants
orange Orange bold #E67300 Classes, types, True, False, None
orange Orange italic #E67300 Parameters
teal Teal #048A81 Strings
green-grass Green italic #4CB944 Docstrings
teal-gray Teal gray italic #5A8A85 Comments
teal-blue Teal blue #51A3A3 Operators, punctuation

UI Colors

Color Hex Usage
blue Blue #007AFF Active borders, icons, links, selections
blue-inactive Light blue #66B3FF Inactive icons, secondary elements
blue-pale Pale blue #E3ECFF Hover backgrounds, highlights
orange Orange #E67300 Warnings, modified files, badges, cursor
red Red #D93526 Errors
green Green #32A852 Success, Git additions

Merge Editor

Color Usage
Blue Current changes (your code)
Orange Incoming changes (their code)
Gray Common ancestor

Screenshots

Python

Python

JavaScript

JavaScript

HTML & CSS

HTML CSS

Installation

  1. Open Extensions in VS Code (Ctrl + Shift + X)
  2. Search for Horizon
  3. Click Install
  4. Open Command Palette (Ctrl + Shift + P)
  5. Select Preferences: Color Theme → Horizon

Recommended Settings

For the best experience, consider these VS Code settings:

{
    "editor.fontFamily": "JetBrains Mono, Fira Code, monospace",
    "editor.fontLigatures": true,
    "editor.bracketPairColorization.enabled": true,
    "editor.guides.bracketPairs": true
}

Credits

This theme was inspired by and built upon Sun and Moon Theme by Ivan Esmantovich.

License

MIT

Horizon: Where code meets the sunrise! 🌅

banner-footer

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