9.9 KiB
Table of contents
The most epic theme meets Visual Studio Code. You can help by reporting issues here.
- Table of contents
- Getting started
- Activate theme
- Set the accent color
- Override theme colors
- Recommended settings for a better experience
- Official Portings
- Other resources
- Contributors
- Backers
- Sponsors
Getting started
You can install this awesome theme through the Visual Studio Code Marketplace.
Installation
Launch Quick Open:
Paste the following command and press Enter:
ext install material theme
And pick the one by Mattia Astorino (Equinusocio) as author.
Activate theme
Launch Quick Open:
Type theme, choose Preferences: Color Theme, and select one of the Material Theme variants from the list. After activation, the theme will set the correct icon theme based on your active theme variant.
Set the accent color
Launch Quick Open:
Type material theme, choose Material Theme: Set accent color, and pick one color from the list.
Override theme colors
You can override the Material Theme UI and schemes colors by adding these theme-specific settings to your configuration. For advanced customisation please check the relative section on the VS Code documentation.
Color Scheme override
Basic example
"editor.tokenColorCustomizations": {
"[Material Theme]": {
"comments": "#229977"
}
},
Advanced example
"editor.tokenColorCustomizations": {
"[Material Theme*]": {
"textMateRules": [
{
"scope": [
"comment",
"comment punctuation.definition.comment"
],
"settings": {
"foreground": "#FF0000"
}
}
]
},
},
"workbench.colorCustomizations": {
"[Material Theme*]": {
"sideBar.background": "#ff0000",
}
},
Recommended settings for a better experience
{
// Controls the font family.
"editor.fontFamily": "Operator Mono",
// Controls the line height. Use 0 to compute the lineHeight from the fontSize.
"editor.lineHeight": 24,
// Enables font ligatures
"editor.fontLigatures": true,
// Controls if file decorations should use badges.
"explorer.decorations.badges": false
}
Official Portings
Thanks to the Material Theme community you can use it with other software, here are the official portings:
- GitKraken (by @equinusocio)
- Windows Terminal (by @julianlatest)
- Vim and NeoVim (by @kaicataldo)
- Vim (thanks to @hzchirs).
- Terminal OSX (thanks to @mvaneijgen).
- iTerm2 (by @Revod) and iTerm2 Palenight (by @jonathanspeek).
- Hyper.
- ConEmu (thanks to @rajadain).
- Slack App ( #263238,#2e3a40,#80CBC4,#FFFFFF,#13191C,#ffffff,#50fa7b,#FF5555 )
- Nylas N1 (thanks to @jackiehluo)
- Base16 (by @ntpeters)
- Bear Notes (by @r3volution11)
- Mattermost (by @k1r8r0wn)
- Material Theme to GitHub
- Fluent Terminal (by @idokaraderu)
- RStudio(by @lusignan)
Other resources
- Vscode Dock Icon: Download the official Material Theme app icon for Visual Studio code
- Color palettes: You can check the official Material Theme colors here
Contributors
This project exists thanks to all the people who contribute. [Contribute].
Backers
Thank you to all our backers! 🙏 [Become a backer]
Sponsors
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]
Copyright © 2019 Mattia Astorino & Alessio Occhipinti
