[![GitHub tag](https://img.shields.io/github/release/equinusocio/vsc-material-theme.svg?style=flat-square)](https://github.com/equinusocio/vsc-material-theme/releases) [![GitHub tag](https://img.shields.io/github/issues/equinusocio/vsc-material-theme.svg?style=flat-square)](https://github.com/equinusocio/vsc-material-theme/issues)

[![Beerpay](https://beerpay.io/equinusocio/vsc-material-theme/badge.svg?style=beer)](https://beerpay.io/equinusocio/vsc-material-theme) 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](https://github.com/equinusocio/vsc-material-theme/issues) # Getting started You can install this awesome theme through the [Visual Studio Code Marketplace](https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme). ## Installation Launch *Quick Open* -

Linux `Ctrl+P` -

macOS `⌘P` -

Windows `Ctrl+P` Paste the following command and press `Enter`: ```shell ext install vsc-material-theme ``` #### Packaged VSIX Extension [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 ```shell 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](https://code.visualstudio.com/docs/extensions/install-extension#_side-loading). 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`: ```shell git clone https://github.com/equinusocio/vsc-material-theme.git Equinusocio.vsc-material-theme ``` ## Activate theme Launch *Quick Open*, -

Linux `Ctrl+P` -

macOS `Shift+⌘+P` -

Windows `Ctrl+P` 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*, -

Linux `Ctrl+P` -

macOS `Shift+⌘+P` -

Windows `Ctrl+P` type `icon theme` and select `Material Theme Icons` from the drop-down menu. ## Set the accent color Launch *Quick Open*, -

Linux `Ctrl+P` -

macOS `Shift+⌘+P` -

Windows `Ctrl+P` 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: ```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, ``` # Other resources - **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 # Acknowledgements - [@OctoD](https://github.com/balanceiskey) for the typescript theme builder.