Need help with horizon-theme-vscode?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

jolaleye
557 Stars 82 Forks MIT License 341 Commits 4 Opened issues

Description

:art: A beautifully warm dual theme for Visual Studio Code

Services available

!
?

Need anything else?

Contributors list

# 19,210
JavaScr...
vscode-...
vscode
Vue.js
326 commits
# 35,548
JavaScr...
vscode
React
softwar...
1 commit
# 545,894
vscode-...
vscode
CSS
PHP
1 commit
# 511,218
Shell
CSS
HTML
Common ...
1 commit
# 214,455
vscode
dark-sy...
Vim
vim-col...
1 commit

horizon banner


marketplace version downloads rating

preview

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"
      }
    }
  ]
}

Contributing

Check out the contributing guide to learn how you can report issues and help make changes.

Always be sure to follow the Code of Conduct.

License

MIT © Jonathan Olaleye

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.