No description
Find a file
2023-03-24 09:33:05 +01:00
.github chore: move to npm 2022-12-01 18:20:24 +01:00
.vscode chore: cose 2022-12-01 17:04:59 +01:00
assets unlock files 2018-04-20 20:07:36 +02:00
scripts feat: add highlight indicator color for notes 2022-06-11 19:12:14 +02:00
src fix: minor fixes 2023-03-16 15:00:48 +01:00
types Feat/generator 1 iteration (#397) 2019-12-23 15:54:32 +01:00
.editorconfig Feat/generator 1 iteration (#397) 2019-12-23 15:54:32 +01:00
.eslintrc Feat/478 webview api (#482) 2020-06-25 10:34:19 +02:00
.gitignore Feat/generator 4 iteration (#400) 2019-12-26 11:30:46 +01:00
.npmrc unlock files 2018-04-20 20:07:36 +02:00
.nvmrc chore: update node 2020-08-03 09:36:59 +02:00
.vscodeignore chore: move to npm 2022-12-01 18:20:24 +01:00
CHANGELOG.md release: 33.7.1 2023-03-24 09:33:05 +01:00
CODE_OF_CONDUCT.md Update CODE_OF_CONDUCT.md 2020-01-14 22:24:56 +01:00
CONTRIBUTING.md chore: move to npm 2022-12-01 18:20:24 +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
material-theme.config.json Fix statusBarItem.remoteBackground not changing with accent color (#475) 2020-06-26 19:12:53 +02:00
package-lock.json release: 33.7.1 2023-03-24 09:33:05 +01:00
package.json release: 33.7.1 2023-03-24 09:33:05 +01:00
README.md fix: update readme 2023-03-17 13:34:56 +01:00
tsconfig.json Feat/generator 4 iteration (#400) 2019-12-26 11:30:46 +01:00

Brought to you by


Manage pull requests and conduct code reviews in your IDE with full source-tree context. Comment on any line, not just the diffs. Use jump-to-definition, your favorite keybindings, and code intelligence with more of your workflow.
Learn More


Table of contents

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 (Equinusocio) as author.

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*]": {
        "textMateRules": [
            {
                "scope": [
                    "comment",
                    "comment punctuation.definition.comment"
                ],
                "settings": {
                    "foreground": "#FF0000"
                }
            }
        ]
    },
},

"workbench.colorCustomizations": {
	"[Material Theme*]": {
		"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 it with other software, here are the official portings:

Other resources

  • Vscode Dock Icon: Download the official Material Theme app icon for Visual Studio code
  • Color palettes: You can check the official Material Theme colors here

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