Github url


by equinusocio

equinusocio /material-theme

Material Theme, the most epic theme for Sublime Text 3 by Mattia Astorino

11.1K Stars 799 Forks Last release: over 2 years ago (v4.1.5) Other 1.5K Commits 92 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

This project is no longer under active development. This theme should be completely rewritten from scratch, if any python developer want to help me to revive this project, contact me.

Material Theme

GitHub tagDownloadsPackage QualityJoin the chat at

This theme brings the Material Design visual language to your Sublime Text 3. If you have problems, first search for a similar issue and then report a new one.

Please read the Known Issues section before reporting a new one. Any issue that does not use the issue template and any issue related to the known issues section will be automatically closed.

Easy installation

You can install this awesome theme through the Package Control.

  1. Press ⌘/Ctrl + ⇧ + P to open the command palette.
  2. Type
    Package Control: Install Package
    and press enter. Then search for
    Material Theme

Manual installation

  1. Download the latest release, extract and rename the directory to "Material Theme".
  2. Move the directory inside your sublime
    directory. (Preferences > Browse packages...)

Activate the theme

You can active this theme from: - Command palette

Tools \> Command Palette

(⌘/Ctrl + ⇧ + P) by typing

Material Theme: Activate theme

. - Context menu (Right click on the editor) and choose

Material Theme \> Activate
  • Preferences \> Packages Settings
    and choose
    Material Theme \> Activate

You can also manually activate this theme by adding these lines to your user settings (Preferences > Settings - User):

"color\_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme", "theme": "Material-Theme.sublime-theme",

NOTE: Restart Sublime Text after activating the theme.


This theme provide a visual configuration tool that allow you to configure the theme by activating the available options from an inline popup. Just right click in your editor and choose

Material Theme \> Configuration

. You can also open the configurator from the command palette by searching

Material Theme \> Configuration


Advanced configuration

If you like the advanced text text-configuration you can use it by the

Material Theme \> Advanced configuration

command both from context menu and command palette.

Known issues

Please see the issue #67 if you can't see the bottom panel (find/replace, rename, move, can't see the box inputs in SidebarEnhancement, etc..). here the quick fix:

Drag the top edge


File icons

From release 4.0.0 this theme use A File Icon package to display file icons. Please install the package and restart Sublime Text.

App Bar

Material Theme AppbarThis official addon enable a beautiful colored tab bar to your Material Theme. The color tint fits automagically the material theme accent color you choosed.

White panels

Material Theme White PanelsIf you want to enable the white panels and inputs you can install the addon package through Package Control, search for "Material theme white panels". You have to disable it if you want to use the


theme style.

Theme options

// Accent "material\_theme\_accent\_acid-lime" : true, // Set acid-lime accent color "material\_theme\_accent\_blue" : true, // Set blue accent color "material\_theme\_accent\_brba" : true, // Set Breaking Bad green accent color "material\_theme\_accent\_bright-teal" : true, // Set bright-teal accent color "material\_theme\_accent\_cyan" : true, // Set cyan accent color "material\_theme\_accent\_graphite" : true, // Set graphite accent color "material\_theme\_accent\_indigo" : true, // Set indigo accent color "material\_theme\_accent\_lime" : true, // Set lime green accent color "material\_theme\_accent\_orange" : true, // Set orange accent color "material\_theme\_accent\_pink" : true, // Set pink accent color "material\_theme\_accent\_purple" : true, // Set purple accent color "material\_theme\_accent\_red" : true, // Set pale red accent color "material\_theme\_accent\_sky" : true, // Set bright-cyan accent color "material\_theme\_accent\_tomato" : true, // Set tomato red accent color "material\_theme\_accent\_yellow" : true, // Set yellow accent color // Panels "material\_theme\_accent\_scrollbars" : true, // Enable accent color for scrollbars "material\_theme\_accent\_titlebar" : true, // Enable accent color for titlebar "material\_theme\_bright\_scrollbars" : true, // Bright scrollbars puck color "material\_theme\_compact\_panel" : true, // Set minimal padding for the search panel "material\_theme\_contrast\_mode" : true, // Enable sidebar and panels contrast mode "material\_theme\_panel\_separator" : true, // Show bottom panel separator "material\_theme\_small\_statusbar" : true, // Set small status bar "material\_theme\_titlebar" : true, // Enable title bar (OS X 10.10+) // Sidebar "material\_theme\_arrow\_folders" : true, // Replace folder icons with arrows "material\_theme\_big\_fileicons" : true, // Show bigger file type icons "material\_theme\_bullet\_tree\_indicator" : true, // Set a bullet as active tree indicator "material\_theme\_compact\_sidebar" : true, // Set compact sidebar "material\_theme\_disable\_fileicons" : true, // Hide sidebar file type icons "material\_theme\_disable\_folder\_animation" : true, // Disable folder animation "material\_theme\_disable\_tree\_indicator" : true, // Disable sidebar file indicator // Tabs "material\_theme\_bold\_tab" : true, // Make the tab labels bolder "material\_theme\_small\_tab" : true, // Set small tabs "material\_theme\_tabs\_autowidth" : true, // Enable autowidth for tabs "material\_theme\_tabs\_separator" : true, // Show tabs separator, this disables tab hover animation // If you use Material Theme - Appbar addon, you can use this setting: "material\_theme\_tree\_headings" : true, // Show sidebar headings

Recommended settings for a better experience:

"always\_show\_minimap\_viewport" : true, "bold\_folder\_labels" : true, "font\_options" : ["gray\_antialias", "subpixel\_antialias"], // On retina Mac & Windows "indent\_guide\_options" : ["draw\_normal", "draw\_active"], // Highlight active indent "line\_padding\_bottom" : 3, "line\_padding\_top" : 3, "overlay\_scroll\_bars" : "enabled",

The font used for the code is "Operator Mono"

You can also use the official Material Design monospace font "Roboto Mono" or "Fira Code".


This UI theme uses a custom compiler build on Gulp and JS. If you want to edit the UI you must first install the compiler:

  1. Install the


package to Sublime Text. 2.

Then create a new symlink for the


command following this guide 3. Install all the required packages:

$ npm install
  1. then run compiler and watcher by run:
$ gulp

You can now edit the source files under


folder that will be compiled inside the root folder (don't edit compiled files).

Other Resources

App icon: Download the official Material Theme icon.

Sublime Material Icon Pack: A set of Sublime Text icons heavily inspired by this theme and designed by @halacogluDownload it and enjoy a full Material Theme experience.

Official Portings

Material Theme was also ported to:

Color Schemes palettes

Color | Default / Lighter | Darker | --- | --- | --- | Red |




| Pink |




| Orange |




| Yellow |




| Green |




| Pale Blue |




| Cyan |




| Blue |




| Purple |




| Violet |




| Brown |






Thanks for all the contributors.

Check the video review by LevelUpTuts

Video review


Support on Beerpay

Hey dude! Help me out for a couple of :beers:!


We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.