Artem is a dark Visual Studio Code theme based on the popular Horizon Theme. Artem combines Horizon's amazing UI with a different, brighter set of colors.
Previews
Preview HTML
Preview - Python
Installation
- Open the Extensions sidebar in VS Code
- Search for
Artem Theme
- Click Install
- Open the Command Palette with
Ctrl+Shift+P
or ⇧⌘P
- Select Preferences: Color Theme and choose Artem.
- Enjoy! 🎉
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.
"workbench.colorCustomizations": {
"activityBar.background": "#1E2028",
"activityBar.border": "#1E2028",
"sideBar.background": "#1E2028",
"sideBar.border": "#1C1E26"
}
Italics
The normal theme only uses italics in a few places: comments, parameters, and some special keywords (e.g. this
). If you would prefer no italics at all, you can configure this in your settings...
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"name": "No italics",
"scope": ["comment", "variable.language", "variable.parameter"],
"settings": {
"fontStyle": ""
}
}
]
}
Tag Brackets <>
For gray rather than light blue brackets around HTML tags...
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"name": "HTML tag brackets",
"scope": ["punctuation.definition.tag"],
"settings": {
"foreground": "#BBBBBB"
}
}
]
}
Contributing
Always try your best to make a positive impact on this project and its community. By participating, you are expected to uphold the Code of Conduct.
Read the contributing guide to learn about how you can report issues and contribute to changes.
Credits
License
MIT © Jonathan Olaleye
MIT © Sujal Bolia