No description
Find a file
Mattia Astorino 71236ed304
Update readme
2019-07-29 09:57:13 +02:00
.github Create FUNDING.yml 2019-05-27 09:47:12 +02:00
.gulp Feat/remove icons (#310) 2019-01-31 21:35:51 +01:00
.vscode Feat/remove icons (#310) 2019-01-31 21:35:51 +01:00
assets unlock files 2018-04-20 20:07:36 +02:00
src fix: Fix terminal cursor color 2019-07-04 09:45:39 +02:00
typings Feat/remove icons (#310) 2019-01-31 21:35:51 +01:00
.babelrc Feat/release note webview (#248) 2018-08-29 21:30:40 +02:00
.eslintrc unlock files 2018-04-20 20:07:36 +02:00
.gitignore Feat/remove icons (#310) 2019-01-31 21:35:51 +01:00
.npmrc unlock files 2018-04-20 20:07:36 +02:00
.nvmrc feat: Add support for tree's guidelines 2019-07-04 09:24:03 +02:00
.travis.yml Develop (#185) 2018-05-07 16:23:17 +02:00
.vscodeignore unlock files 2018-04-20 20:07:36 +02:00
.yarnrc unlock files 2018-04-20 20:07:36 +02:00
CODE_OF_CONDUCT.md unlock files 2018-04-20 20:07:36 +02:00
CONTRIBUTING.md Feat/remove icons (#310) 2019-01-31 21:35:51 +01:00
defaults.json feat: Add support for tree's guidelines 2019-07-04 09:24:03 +02:00
gulpfile.babel.js Feat/remove icons (#310) 2019-01-31 21:35:51 +01:00
LICENSE unlock files 2018-04-20 20:07:36 +02:00
logo.png chore: Update logo 2018-04-22 23:00:29 +02:00
package.json Release 29.2 2019-07-04 09:53:22 +02:00
README.md Update readme 2019-07-29 09:57:13 +02:00
tsconfig.json Feat/remove icons (#310) 2019-01-31 21:35:51 +01:00
tslint.json Feat/release note webview (#248) 2018-08-29 21:30:40 +02:00
yarn.lock chore(deps): bump js-yaml from 3.12.1 to 3.13.1 (#369) 2019-07-04 17:54:53 +02:00

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 material theme

And pick the one by Mattia Astorino (me) as author.

Packaged VSIX Extension

Download the latest .vsix release file from the marketplace 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, 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.

Set the accent color

Launch Quick Open:

Type material theme, 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"
                }
            }
        ]
    },
},

"workbench.colorCustomizations": {
	"[Material Theme VARIANT]": {
		"sideBar.background": "#ff0000",
	}
},
{
    // 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:

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 © 2019 Mattia Astorino & Alessio Occhipinti