| .gulp | ||
| .vscode | ||
| assets | ||
| extensions | ||
| icons | ||
| src | ||
| test | ||
| themes | ||
| typings | ||
| .babelrc | ||
| .eslintrc | ||
| .gitignore | ||
| .vscodeignore | ||
| CHANGELOG.md | ||
| gulpfile.babel.ts | ||
| iconlist.json | ||
| LICENSE.md | ||
| logo.png | ||
| material-theme-icons.json | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
| 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
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 vsc-material-theme
Packaged VSIX Extension
Download the latest .vsix release file from the GitHub repository and install it from the command line
code --install-extension vsc-material-theme-*.*.*.vsix
or from within VS Code by launching Quick Open and running the Install from VSIX... command.
GitHub Repository Clone
Change to your .vscode/extensions VS Code extensions directory.
Depending on your platform it is located in the following folders:
Linux ~/.vscode/extensionsmacOs
~/.vscode/extensionsWindows
%USERPROFILE%\.vscode\extensions
Clone the Material Theme repository as Equinusocio.vsc-material-theme:
git clone https://github.com/equinusocio/vsc-material-theme.git Equinusocio.vsc-material-theme
Activate theme
Launch Quick Open,
type Preferences: Color Theme and select one of the Material Theme themes from the drop-down menu.
The color theme drop-down can alternatively be opened via File (Code on macOS) > Preferences > Color Theme.
Activate File Icons
Launch Quick Open,
type icon theme and select Material Theme Icons from the drop-down menu.
Set the accent color
Launch Quick Open,
Type Material Theme and choose Material Theme: Settings, then select Change accent color and pick one color from the list.
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
Acknowledgements
- @OctoD for the first theme builder.
Copyright © 2017 Mattia Astorino and Paolo Roth
