The original owner of the Material UI theme for VS Code is grumpy, so I made a version you are safe to use as you please :)
| .gulp | ||
| assets | ||
| icons | ||
| src | ||
| test | ||
| themes | ||
| .babelrc | ||
| .editorconfig | ||
| .eslintrc | ||
| .gitignore | ||
| .vscodeignore | ||
| CHANGELOG.md | ||
| gulpfile.babel.js | ||
| iconlist.json | ||
| LICENSE.md | ||
| logo.png | ||
| material-theme-icons.json | ||
| package.json | ||
| README.md | ||
| vsc-extension-quickstart.md | ||
| yarn.lock | ||


The most epic theme meet Visual Studio Code. Please note that this theme is still in Beta (β) release. You can help by reporting issues here
- Installation
- Activate the theme
- Activate File Icons Theme
- Recommended settings for a better experience:
- Other resources
- Thanks
Installation
You can install this awesome theme through the Visual Studio Code Marketplace.
- Press cmd/ctrl + P
- Type
ext install vsc-material-theme
Activate the theme
- Press cmd/ctrl + Shift + P and type
color, then select Color Theme - Type
Material Themeand select one of the theme color from the list, then press Enter
Activate File Icons Theme
- Press cmd/ctrl + Shift + P and type
icon theme, then select File Icon Theme - Select
Material Theme Iconsfrom the list, then press Enter
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,
Other resources
- AppIcon: Download the official Material Theme app icon for Visual Studio code
Thanks
Thanks to @balanceiskey for the theme builder.