2017-01-27 22:01:25 +01:00
2017-07-24 09:24:44 +02:00
< p align = "center" > < img width = "620px" src = "https://i.imgur.com/77xXWrA.jpg" / > < / p >
< p align = "center" > < img width = "450px" src = "https://i.imgur.com/JXb5aRO.jpg" > < / p >
2017-02-11 14:29:33 +01:00
2017-11-22 23:56:14 +01:00
[](#backers) [](#sponsors) [](https://github.com/equinusocio/vsc-material-theme/releases) [](https://github.com/equinusocio/vsc-material-theme/issues)
2017-10-12 22:06:37 +02:00
< a href = "https://code.visualstudio.com/updates/v1_17" > < img src = "https://img.shields.io/badge/VS_Code-v1.17+-373277.svg?style=flat-square" / > < / a > < a href = "https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme" > < img src = "https://vsmarketplacebadge.apphb.com/installs/Equinusocio.vsc-material-theme.svg?style=flat-square" / > < / a >
2017-05-17 10:32:17 +02:00
2017-02-11 14:55:46 +01:00
2017-10-16 21:49:03 +02:00
The most epic theme meets Visual Studio Code. You can help by reporting issues [here ](https://github.com/equinusocio/vsc-material-theme/issues )
2017-02-11 14:55:46 +01:00
2017-05-17 10:32:17 +02:00
# Getting started
2017-10-12 05:33:19 +02:00
2017-02-11 14:55:46 +01:00
You can install this awesome theme through the [Visual Studio Code Marketplace ](https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme ).
2017-05-17 10:32:17 +02:00
## Installation
Launch *Quick Open*
- < img src = "https://www.kernel.org/theme/images/logos/favicon.png" width = 16 height = 16/ > < a href = "https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf" > Linux</ a > `Ctrl+P`
- < img src = "https://developer.apple.com/favicon.ico" width = 16 height = 16/ > < a href = "https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf" > macOS</ a > `⌘P`
- < img src = "https://www.microsoft.com/favicon.ico" width = 16 height = 16/ > < a href = "https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf" > Windows</ a > `Ctrl+P`
Paste the following command and press `Enter` :
2017-10-12 05:33:19 +02:00
2017-05-17 10:32:17 +02:00
```shell
ext install vsc-material-theme
```
2017-11-08 11:50:33 +01:00
#### Packaged VSIX Extension <sup>[↑](#getting-started)</sup>
2017-05-17 10:32:17 +02:00
2017-10-12 05:33:19 +02:00
[Download the latest .vsix release ](https://github.com/equinusocio/vsc-material-theme/releases/latest ) file from the GitHub repository and install it from the command line
2017-05-17 10:32:17 +02:00
```shell
code --install-extension vsc-material-theme-*.*.*.vsix
```
2017-10-12 05:33:19 +02:00
2017-05-17 10:32:17 +02:00
or from within VS Code by launching *Quick Open* and running the *Install from VSIX...* command.
2017-11-08 11:50:33 +01:00
##### GitHub Repository Clone <sup>[↑](#getting-started)</sup>
2017-05-17 10:32:17 +02:00
Change to your `.vscode/extensions` [VS Code extensions directory ](https://code.visualstudio.com/docs/extensions/install-extension#_side-loading ).
Depending on your platform it is located in the following folders:
2017-10-12 05:33:19 +02:00
2017-05-17 10:32:17 +02:00
- < img src = "https://www.kernel.org/theme/images/logos/favicon.png" width = 16 height = 16/ > **Linux** `~/.vscode/extensions`
- < img src = "https://developer.apple.com/favicon.ico" width = 16 height = 16/ > **macOs** `~/.vscode/extensions`
- < img src = "https://www.microsoft.com/favicon.ico" width = 16 height = 16/ > **Windows** `%USERPROFILE%\.vscode\extensions`
2017-02-11 14:55:46 +01:00
2017-05-17 10:33:40 +02:00
Clone the Material Theme repository as `Equinusocio.vsc-material-theme` :
2017-10-12 05:33:19 +02:00
2017-05-17 10:32:17 +02:00
```shell
git clone https://github.com/equinusocio/vsc-material-theme.git Equinusocio.vsc-material-theme
```
2017-11-08 11:50:33 +01:00
## Activate theme <sup>[↑](#getting-started)</sup>
2017-05-17 10:32:17 +02:00
Launch *Quick Open* ,
2017-10-12 05:33:19 +02:00
2017-10-24 09:27:04 +02:00
- < img src = "https://www.kernel.org/theme/images/logos/favicon.png" width = 16 height = 16/ > < a href = "https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf" > Linux</ a > `Ctrl + Shift + P`
- < img src = "https://developer.apple.com/favicon.ico" width = 16 height = 16/ > < a href = "https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf" > macOS</ a > `⌘ + Shift + P`
- < img src = "https://www.microsoft.com/favicon.ico" width = 16 height = 16/ > < a href = "https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf" > Windows</ a > `Ctrl + Shift + P`
2017-05-17 10:32:17 +02:00
2017-10-12 05:33:19 +02:00
Type `theme` and choose `Preferences: Color Theme` , then select Material Theme from the list.
2017-09-11 14:48:02 +02:00
2017-10-12 05:33:19 +02:00
This theme provides different color variants, to change the active theme variant type `Material Theme` and choose `Material Theme: Settings` , then select `Change color variant` and pick one theme from the list.
2017-02-11 15:39:27 +01:00
2017-11-08 11:50:33 +01:00
## Activate File Icons <sup>[↑](#getting-started)</sup>
2017-05-17 10:32:17 +02:00
Launch *Quick Open* ,
2017-10-12 05:33:19 +02:00
2017-10-24 09:27:04 +02:00
- < img src = "https://www.kernel.org/theme/images/logos/favicon.png" width = 16 height = 16/ > < a href = "https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf" > Linux</ a > `Ctrl + Shift + P`
- < img src = "https://developer.apple.com/favicon.ico" width = 16 height = 16/ > < a href = "https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf" > macOS</ a > `⌘ + Shift + P`
- < img src = "https://www.microsoft.com/favicon.ico" width = 16 height = 16/ > < a href = "https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf" > Windows</ a > `Ctrl + Shift + P`
2017-05-17 10:32:17 +02:00
2017-06-13 09:46:46 +02:00
type `icon theme` and select `Material Theme Icons` from the drop-down menu.
## Set the accent color
2017-10-12 05:33:19 +02:00
2017-06-13 09:46:46 +02:00
Launch *Quick Open* ,
2017-10-12 05:33:19 +02:00
2017-10-24 09:27:04 +02:00
- < img src = "https://www.kernel.org/theme/images/logos/favicon.png" width = 16 height = 16/ > < a href = "https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf" > Linux</ a > `Ctrl + Shift + P`
- < img src = "https://developer.apple.com/favicon.ico" width = 16 height = 16/ > < a href = "https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf" > macOS</ a > `⌘ + Shift + P`
- < img src = "https://www.microsoft.com/favicon.ico" width = 16 height = 16/ > < a href = "https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf" > Windows</ a > `Ctrl + Shift + P`
2017-06-13 09:46:46 +02:00
2017-06-13 09:50:53 +02:00
Type `Material Theme` and choose `Material Theme: Settings` , then select `Change accent color` and pick one color from the list.
2017-02-11 14:55:46 +01:00
2017-11-08 11:50:33 +01:00
# Recommended settings for a better experience <sup>[↑](#getting-started)</sup>
2017-02-11 14:55:46 +01:00
```json
// 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,
2017-10-16 21:28:23 +02:00
// Controls if file decorations should use badges.
"explorer.decorations.badges": false,
2017-04-11 09:13:31 +02:00
```
2017-11-08 11:50:33 +01:00
# Other resources <sup>[↑](#getting-started)</sup>
2017-05-10 09:52:51 +02:00
- **AppIcon:** [Download ](https://github.com/equinusocio/vsc-material-theme/files/989048/vsc-material-theme-appicon.zip ) the official Material Theme app icon for Visual Studio code
2017-11-08 11:50:33 +01:00
# Acknowledgements <sup>[↑](#getting-started)</sup>
2017-10-13 09:29:33 +02:00
- [@OctoD ](https://github.com/OctoD ) for the typescript theme builder.
2017-05-17 10:32:17 +02:00
2017-06-13 15:22:27 +02:00
< p align = "center" > < img src = "https://equinusocio.gallerycdn.vsassets.io/extensions/equinusocio/vsc-material-theme/0.0.14/1494970083238/Microsoft.VisualStudio.Services.Icons.Default" width = 16 height = 16/ > Copyright © 2017 Mattia Astorino and Paolo Roth< / p >
2017-05-17 10:33:40 +02:00
2017-07-24 09:33:59 +02:00
< p align = "center" > < a href = "http://www.apache.org/licenses/LICENSE-2.0" > < img src = "https://img.shields.io/badge/License-Apache_2.0-5E81AC.png?style=flat-square" / > < / a > < a href = "https://creativecommons.org/licenses/by-sa/4.0" > < img src = "https://img.shields.io/badge/License-CC_BY--SA_4.0-5E81AC.png?style=flat-square" / > < / a > < / p >
2017-11-22 23:56:14 +01:00
## Contributors
This project exists thanks to all the people who contribute. [[Contribute]](CONTRIBUTING.md).
< a href = "graphs/contributors" > < img src = "https://opencollective.com/vsc-material-theme/contributors.svg?width=890" / > < / a >
## Backers
Thank you to all our backers! 🙏 [[Become a backer ](https://opencollective.com/vsc-material-theme#backer )]
< a href = "https://opencollective.com/vsc-material-theme#backers" target = "_blank" > < img src = "https://opencollective.com/vsc-material-theme/backers.svg?width=890" > < / a >
## Sponsors
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor ](https://opencollective.com/vsc-material-theme#sponsor )]
< a href = "https://opencollective.com/vsc-material-theme/sponsor/0/website" target = "_blank" > < img src = "https://opencollective.com/vsc-material-theme/sponsor/0/avatar.svg" > < / a >
< a href = "https://opencollective.com/vsc-material-theme/sponsor/1/website" target = "_blank" > < img src = "https://opencollective.com/vsc-material-theme/sponsor/1/avatar.svg" > < / a >
< a href = "https://opencollective.com/vsc-material-theme/sponsor/2/website" target = "_blank" > < img src = "https://opencollective.com/vsc-material-theme/sponsor/2/avatar.svg" > < / a >
< a href = "https://opencollective.com/vsc-material-theme/sponsor/3/website" target = "_blank" > < img src = "https://opencollective.com/vsc-material-theme/sponsor/3/avatar.svg" > < / a >
< a href = "https://opencollective.com/vsc-material-theme/sponsor/4/website" target = "_blank" > < img src = "https://opencollective.com/vsc-material-theme/sponsor/4/avatar.svg" > < / a >
< a href = "https://opencollective.com/vsc-material-theme/sponsor/5/website" target = "_blank" > < img src = "https://opencollective.com/vsc-material-theme/sponsor/5/avatar.svg" > < / a >
< a href = "https://opencollective.com/vsc-material-theme/sponsor/6/website" target = "_blank" > < img src = "https://opencollective.com/vsc-material-theme/sponsor/6/avatar.svg" > < / a >
< a href = "https://opencollective.com/vsc-material-theme/sponsor/7/website" target = "_blank" > < img src = "https://opencollective.com/vsc-material-theme/sponsor/7/avatar.svg" > < / a >
< a href = "https://opencollective.com/vsc-material-theme/sponsor/8/website" target = "_blank" > < img src = "https://opencollective.com/vsc-material-theme/sponsor/8/avatar.svg" > < / a >
< a href = "https://opencollective.com/vsc-material-theme/sponsor/9/website" target = "_blank" > < img src = "https://opencollective.com/vsc-material-theme/sponsor/9/avatar.svg" > < / a >
