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

Horizon Reimagined

ArchyS

|
52 installs
| (1) | Free
Dark theme based on Horizon, adjusted highlighting by @ArchyS
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Horizon Reimagined

horizon banner

One of the greatest theme, updated for better clarity, added some quality of life syntax highlighting for params, interfaces, field/property variables, structs & more.

Installation

  1. Open the Extensions sidebar in VS Code
  2. Search for Horizon Theme
  3. Click Install
  4. Open the Command Palette with Ctrl+Shift+P or ⇧⌘P
  5. Select Preferences: Color Theme and choose a Horizon variant.
  6. Enjoy! 🎉 Also, check out some of the personalization options below...

Personalization

Tastes change all the time. Fortunately, VS Code makes it easy to customize just about every aspect of your editor. If you want to change something, open the Command Palette and select Preferences: Open Settings (JSON). Here, you can override VS Code's defaults or Horizon's colors. Check out some of the personalization options below to customize Horizon to suit your taste.

For more info on theming, visit the Theme Authoring Guide and Theme Color Reference.

Contrast

To add a border between sections of the editor, add the following to your settings...

"workbench.colorCustomizations": {
  "contrastBorder": "#16161C"
}

Or for Bright variants...

"workbench.colorCustomizations": {
  "contrastBorder": "#1A1C231A"
}

Italics

The normal theme only uses italics in a few places. If you would prefer no italics at all, you can configure this in your settings...

"editor.tokenColorCustomizations": {
  "textMateRules": [
    {
      "name": "No italics",
      "scope": ["comment", "markup.quote", "variable.language", "variable.parameter"],
      "settings": {
        "fontStyle": "normal"
      }
    }
  ]
}

Tag Brackets <>

For gray rather than red brackets around HTML tags...

"editor.tokenColorCustomizations": {
  "textMateRules": [
    {
      "name": "Tag brackets",
      "scope": ["punctuation.definition.tag"],
      "settings": {
        "foreground": "#BBBBBB"
      }
    }
  ]
}

License

MIT © Jonathan Olaleye

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