82cfb4587b
* chore: small cleanup helper * chore: adding interfaces for icon variants * feat: You can now switch between Material Theme icons * chore: helpers small fix * chore(helpers): small fix helpers * refactor: refactoring fixIcons command, ready for new prop autoFix * refactor: accentsSetter command, ready for autoFix prop * chore: added new exports file for all commands * refactor: main theme file, ready for autoFix prop * chore: added listener also when changing iconTheme * feat: autoApplyIcons added as option and toggleApplyIcons as command * chore: added check for autoApplyIcons flag. Removed listen icon change * feat: Notification shows up when the window needs reload * chore: Update CTA's * chore: Make consistent indent guides and add support to editorIndentGuide.activeBackground Close #188 * chore: fix check on CTA ok * chore: split up configurationChange and changelog (added to commands) * chore: small change settings method * feat: Now the theme will auto fix if needed on change icons theme |
||
---|---|---|
.github | ||
.gulp | ||
.vscode | ||
assets | ||
extensions | ||
src | ||
test | ||
typings | ||
.babelrc | ||
.eslintrc | ||
.gitignore | ||
.npmrc | ||
.travis.yml | ||
.vscodeignore | ||
.yarnrc | ||
CHANGELOG.md | ||
CODE_OF_CONDUCT.md | ||
CONTRIBUTING.md | ||
gulpfile.babel.ts | ||
iconlist.json | ||
LICENSE | ||
logo.png | ||
package.json | ||
README.md | ||
tsconfig.json | ||
tslint.json | ||
yarn.lock |
The most epic theme meets Visual Studio Code. 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/extensions
- macOs
~/.vscode/extensions
- Windows
%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 theme
and choose Preferences: Color Theme
, then select one of the Material Theme variant from the list. After the activation the theme will set the correct icons theme for you, based on your picked theme variant.
Fix File Icons
If you notice that the folder icons does not match the material theme active variant you can fix it with just a command.
Launch Quick Open,
type material theme
and select Material Theme: Fix file icons
from the drop-down menu, this command will set the correct icon theme based on your active material theme variant.
Set the accent color
Launch Quick Open,
Type material theme
and 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 VARIANT]": {
"textMateRules": [
{
"scope": [
"punctuation.definition.comment",
"comment.block",
"comment.line",
"comment.block.documentation"
],
"settings": {
"foreground": "#FF0000"
}
}
]
},
},
UI Overrides
"workbench.colorCustomizations": {
"[Material Theme]": {
"sideBar.background": "#347890"
},
}
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 is with other softwares, here the official portings:
- Atom Editor: atom-material-ui (by @silvestreh)
- IntelliJ IDEA (thanks to @ChrisRM and @mallowigi).
- Vim (thanks to @kristijanhusak).
- 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)
Other resources
- AppIcon: Download the official Material Theme app icon for Visual Studio code
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 © 2017 Mattia Astorino