Material Theme

Original colors, original taste.

Table of contents

The most epic theme meets Visual Studio Code.

• Material Theme
  • Table of contents
  • Getting started
    • Installation
  • Activate theme
  • Set the accent color
  • Override theme colors
  • Recommended settings for a better experience
  • Official Portings
  • Want to use the legacy version?

Getting started

You can install this awesome theme through the Visual Studio Code Marketplace.

Installation

Launch Quick Open:

• Linux Ctrl+P
• macOS ⌘P
• Windows Ctrl+P

Paste the following command and press Enter:

ext install equinusocio.vsc-material-theme

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

Activate theme

Launch Quick Open:

• Linux Ctrl + Shift + P
• macOS ⌘ + Shift + P
• Windows Ctrl + Shift + P

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:

• Linux Ctrl + Shift + P
• macOS ⌘ + Shift + P
• Windows Ctrl + Shift + P

Type material theme, choose Material Theme: Set accent color, and pick one color from the list.

Override theme colors

Learn how to customize every part of this theme by using Visual Studio Code API. Read more.

{
    // Controls the line height. Use 0 to compute the lineHeight from the fontSize.
    "editor.lineHeight": 28,
    // Enables font ligatures
    "editor.fontLigatures": "'ss01','ss05','dlig'",
    // Controls if file decorations should use badges.
    "explorer.decorations.badges": false
}

Official Portings

You can find all the official portings and resources here.

Want to use the legacy version?

If you're looking for the deprecated Community Material Theme you can find it here. This version has been deprecated and removed from the official marketplace.

Copyright © 2024
Mattia Astorino & Alessio Occhipinti