The most epic theme meets Visual Studio Code. You can help by reporting issues here.
- Getting started
- Activate theme
- Set the accent color
- Override theme colors
- Recommended settings for a better experience
- Official Portings
- Other resources
- Contributors
- Backers
- Sponsors
You can install this awesome theme through the Visual Studio Code Marketplace.
Launch Quick Open:
Paste the following command and press Enter
:
ext install material theme
And pick the one by Mattia Astorino (Equinusocio) as author.
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.
Launch Quick Open:
Type material theme
, choose Material Theme: Set accent color
, and pick one color from the list.
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.
Basic example
"editor.tokenColorCustomizations": {
"[Material Theme]": {
"comments": "#229977"
}
},
Advanced example
"editor.tokenColorCustomizations": {
"[Material Theme VARIANT]": {
"textMateRules": [
{
"scope": [
"comment",
"comment punctuation.definition.comment"
],
"settings": {
"foreground": "#FF0000"
}
}
]
},
},
"workbench.colorCustomizations": {
"[Material Theme VARIANT]": {
"sideBar.background": "#ff0000",
}
},
{
// 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
}
Thanks to the Material Theme community you can use it with other software, here are the official portings:
- 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)
- AppIcon: Download the official Material Theme app icon for Visual Studio code
This project exists thanks to all the people who contribute. [Contribute].
Thank you to all our backers! 🙏 [Become a backer]
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]