2018-04-20 20:07:36 +02:00
2023-11-30 11:50:20 +01:00
# Material Theme [<img src="https://rawcdn.githack.com/material-theme/vsc-material-theme/790fc5d2872f10d5a903f449c90c1fa1502d7e53/logo.png" alt="Material Theme" width="90" height="90" align="right">](https://material-theme.site/)
2023-11-30 15:07:18 +01:00
>Original colors, original taste.
2023-11-30 15:00:48 +01:00
2021-03-15 18:50:37 +01:00
## Table of contents
2019-02-06 14:17:57 +01:00
2023-11-30 15:07:18 +01:00
The most epic theme meets Visual Studio Code.
2018-04-20 20:07:36 +02:00
2023-11-30 14:49:44 +01:00
- [Material Theme ](#material-theme- )
- [Table of contents ](#table-of-contents )
- [Getting started ](#getting-started )
- [Installation ](#installation )
- [Activate theme ](#activate-theme )
- [Set the accent color ](#set-the-accent-color )
- [Override theme colors ](#override-theme-colors )
- [Recommended settings for a better experience ](#recommended-settings-for-a-better-experience )
- [Official Portings ](#official-portings )
2023-11-30 14:54:47 +01:00
- [Want to use the legacy version? ](#want-to-use-the-legacy-version )
2023-11-30 14:49:44 +01:00
- [Contributors ](#contributors )
- [Backers ](#backers )
- [Sponsors ](#sponsors )
2023-11-30 15:00:48 +01:00
2018-04-20 20:07:36 +02:00
2019-02-25 08:56:54 +01:00
## Getting started
2018-04-20 20:07:36 +02:00
2023-11-30 15:07:18 +01:00
You can install this awesome theme through the [Visual Studio Code Marketplace ](https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme ). < a href = "https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme#review-details" >< img src = "https://img.shields.io/badge/marketplace-gray.svg?colorA=655BE1&colorB=4F44D6&style=flat-square" /></ a >
2018-04-20 20:07:36 +02:00
2019-02-25 08:56:54 +01:00
### Installation
2018-04-20 20:07:36 +02:00
2019-02-06 09:03:06 +01:00
Launch *Quick Open* :
2018-04-20 20:07:36 +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+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` :
```shell
2023-11-30 15:07:18 +01:00
ext install equinusocio.vsc-material-theme
2018-04-20 20:07:36 +02:00
```
2020-09-30 21:11:09 +02:00
And pick the one by **Mattia Astorino (Equinusocio)** as author.
2018-04-20 20:07:36 +02:00
2023-11-30 15:00:48 +01:00
2018-04-20 20:07:36 +02:00
## Activate theme
2019-02-06 09:03:06 +01:00
Launch *Quick Open* :
2018-04-20 20:07:36 +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`
2019-02-06 09:03:06 +01:00
Type `theme` , choose `Preferences: Color Theme` , and select one of the Material Theme variants from the list. After activation, the theme will set the correct icon theme based on your active theme variant.
2023-11-30 15:00:48 +01:00
2018-04-20 20:07:36 +02:00
## Set the accent color
2019-02-06 09:03:06 +01:00
Launch *Quick Open* :
2018-04-20 20:07:36 +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`
2019-02-06 09:03:06 +01:00
Type `material theme` , choose `Material Theme: Set accent color` , and pick one color from the list.
2023-11-30 15:00:48 +01:00
2019-02-06 09:03:06 +01:00
2018-04-20 20:07:36 +02:00
## Override theme colors
2023-11-30 14:49:44 +01:00
Learn how to customize every part of this theme by using Visual Studio Code API. [Read more. ](https://github.com/material-theme/vsc-material-theme/discussions/1274 )
2018-04-25 09:48:40 +02:00
2019-02-25 08:56:54 +01:00
## Recommended settings for a better experience
2018-04-20 20:07:36 +02:00
```js
{
// Controls the line height. Use 0 to compute the lineHeight from the fontSize.
2023-11-30 14:49:44 +01:00
"editor.lineHeight": 28,
2018-04-20 20:07:36 +02:00
// Enables font ligatures
2023-11-30 14:49:44 +01:00
"editor.fontLigatures": "'ss01','ss05','dlig'",
2018-04-20 20:07:36 +02:00
// Controls if file decorations should use badges.
"explorer.decorations.badges": false
}
```
2023-11-30 15:00:48 +01:00
2019-02-25 08:56:54 +01:00
## Official Portings
2018-04-20 20:07:36 +02:00
2023-11-30 14:49:44 +01:00
You can find all the official portings and resources [here ](https://github.com/material-theme/vsc-material-theme/discussions/1279 ).
2018-04-20 20:07:36 +02:00
2023-11-30 15:00:48 +01:00
2023-11-30 14:54:47 +01:00
## Want to use the legacy version?
If you're looking for the deprecated Community Material Theme [you can find it here ](https://github.com/material-theme/vsc-material-theme/discussions/1278 ). This version has been deprecated and removed from the official marketplace.
2023-11-30 15:00:48 +01:00
2018-04-20 20:07:36 +02:00
## Contributors
This project exists thanks to all the people who contribute. [[Contribute]](CONTRIBUTING.md).
2020-09-17 11:42:33 +02:00
< a href = "graphs/contributors" > < img src = "https://opencollective.com/material-theme/contributors.svg?width=890" / > < / a >
2018-04-20 20:07:36 +02:00
## Backers
2020-09-17 11:42:33 +02:00
Thank you to all our backers! 🙏 [[Become a backer ](https://opencollective.com/material-theme#backer )]
2018-04-20 20:07:36 +02:00
2020-09-17 11:42:33 +02:00
< a href = "https://opencollective.com/material-theme#backers" target = "_blank" > < img src = "https://opencollective.com/material-theme/backers.svg?width=890" > < / a >
2018-04-20 20:07:36 +02:00
## Sponsors
2020-09-17 11:42:33 +02:00
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/material-theme#sponsor )]
< a href = "https://opencollective.com/material-theme/sponsor/0/website" target = "_blank" > < img src = "https://opencollective.com/material-theme/sponsor/0/avatar.svg" > < / a >
< a href = "https://opencollective.com/material-theme/sponsor/1/website" target = "_blank" > < img src = "https://opencollective.com/material-theme/sponsor/1/avatar.svg" > < / a >
< a href = "https://opencollective.com/material-theme/sponsor/2/website" target = "_blank" > < img src = "https://opencollective.com/material-theme/sponsor/2/avatar.svg" > < / a >
< a href = "https://opencollective.com/material-theme/sponsor/3/website" target = "_blank" > < img src = "https://opencollective.com/material-theme/sponsor/3/avatar.svg" > < / a >
< a href = "https://opencollective.com/material-theme/sponsor/4/website" target = "_blank" > < img src = "https://opencollective.com/material-theme/sponsor/4/avatar.svg" > < / a >
< a href = "https://opencollective.com/material-theme/sponsor/5/website" target = "_blank" > < img src = "https://opencollective.com/material-theme/sponsor/5/avatar.svg" > < / a >
< a href = "https://opencollective.com/material-theme/sponsor/6/website" target = "_blank" > < img src = "https://opencollective.com/material-theme/sponsor/6/avatar.svg" > < / a >
< a href = "https://opencollective.com/material-theme/sponsor/7/website" target = "_blank" > < img src = "https://opencollective.com/material-theme/sponsor/7/avatar.svg" > < / a >
< a href = "https://opencollective.com/material-theme/sponsor/8/website" target = "_blank" > < img src = "https://opencollective.com/material-theme/sponsor/8/avatar.svg" > < / a >
< a href = "https://opencollective.com/material-theme/sponsor/9/website" target = "_blank" > < img src = "https://opencollective.com/material-theme/sponsor/9/avatar.svg" > < / a >
2018-04-20 20:07:36 +02:00
---
2020-01-11 00:10:01 +01:00
< p align = "center" > < img src = "https://equinusocio.gallerycdn.vsassets.io/extensions/material-theme/vsc-material-theme/0.0.14/1494970083238/Microsoft.VisualStudio.Services.Icons.Default" width = 16 height = 16/ > Copyright © 2019 Mattia Astorino & Alessio Occhipinti< / p >
2018-04-20 20:07:36 +02:00
2019-01-10 11:07:35 +01: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.svg?style=flat-square" / > < / a > < / p >
