This project is no longer maintained.
The original author has abandoned it and replaced the repository
with their theme for VS Code.
This repository is a mirror of the last publicly known state.
[](https://github.com/SublimeText/material-theme/releases)
[](https://packagecontrol.io/packages/Material%20Theme)
[](http://packagequality.com/#?package=material-theme)
[](https://gitter.im/original-material-theme/sublime-text?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
This theme brings the [Material Design](http://www.google.com/design/) visual language to your Sublime Text 3. If you have problems, first search for a similar issue and then report a [new one](https://github.com/SublimeText/material-theme/issues).
Please read the [Known Issues](https://github.com/SublimeText/material-theme#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](https://github.com/SublimeText/material-theme#known-issues) will be automatically closed.
# Easy installation
You can install this awesome theme through the [Package Control](https://packagecontrol.io/installation).
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](https://github.com/SublimeText/material-theme/releases/latest), extract and rename the directory to **"Material Theme"**.
2. Move the directory inside your sublime `Packages` 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**):
```json
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
"theme": "Material-Theme.sublime-theme",
```
**NOTE:** Restart Sublime Text after activating the theme.
# Configuration
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](https://github.com/equinusocio/material-theme/issues/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:
# Addons
#### File icons
From release 4.0.0 this theme use [A File Icon](https://packagecontrol.io/packages/A%20File%20Icon) package to display file icons. Please install the package and restart Sublime Text.
# Theme options
```json
// 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:
```json
"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](http://www.typography.com/blog/introducing-operator)"
You can also use the official Material Design monospace font "[Roboto Mono](https://www.google.com/fonts/specimen/Roboto+Mono)" or "[Fira Code](https://github.com/tonsky/FiraCode)".
# Contributing
> **Warning**
>
> Some dependencies of the build pipeline
> potentially contain [dangerous code][] (read: security vulnerabilities)
> because they have not been updated in a long time.
> It is unknown how relevant this is for this repository in particular.
>
> *Proceed at your own discretion!*
[dangerous code]: https://github.com/wbond/package_control_channel/pull/8658#issuecomment-1346082763
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 `PackageDev` package to Sublime Text.
2. Then create a new symlink for the `subl` command following [this guide](https://www.sublimetext.com/docs/command_line.html)
3. Install all the required packages:
```
$ npm install
```
4. then run compiler and watcher by run:
```
$ gulp
```
You can now edit the source files under `./sources` folder that will be compiled inside the root folder (don't edit compiled files).
# Other Resources
**App icon**: [Download](https://github.com/equinusocio/material-theme/files/396220/Material-Theme-Icon.zip) the official Material Theme icon.
**Sublime Material Icon Pack**: A set of Sublime Text icons heavily inspired by this theme and designed by @halacoglu
[Download ](https://github.com/halacoglu/sublime-material-icon-pack) it and enjoy a full Material Theme experience.
# Official Portings
Material Theme was also ported to:
- Atom Editor: [atom-material-ui](https://github.com/silvestreh/atom-material-ui) (by [@silvestreh](https://github.com/silvestreh)) and [material-ui](https://github.com/leo/material-ui) (by [@leo](https://github.com/leo))
- [IntelliJ IDEA](https://github.com/ChrisRM/material-theme-jetbrains) (thanks to [@ChrisRM](https://github.com/ChrisRM) and [@mallowigi](https://github.com/mallowigi)).
- [Vim](https://github.com/kristijanhusak/vim-hybrid-material) (thanks to [@kristijanhusak](https://github.com/kristijanhusak)).
- [Terminal OSX](https://gist.github.com/mvaneijgen/4c56701215847dd5ddcf) (thanks to [@mvaneijgen](https://github.com/mvaneijgen)).
- [iTerm2](https://gist.github.com/Revod/3f3115f8d4b90fc986fd4b61441c2567) (by [@Revod](https://github.com/Revod)) and [iTerm2 Palenight](https://github.com/JonathanSpeek/palenight-iterm2) (by [@jonathanspeek](https://github.com/jonathanspeek)).
- [ConEmu](https://gist.github.com/rajadain/b306b2ba71bd58a1df41) (thanks to [@rajadain](https://github.com/rajadain)).
- [Slack App](https://slack.com/) ( #263238,#2e3a40,#80CBC4,#FFFFFF,#13191C,#ffffff,#50fa7b,#FF5555 )
- [Nylas N1](https://github.com/jackiehluo/n1-material) (thanks to [@jackiehluo](https://github.com/jackiehluo))
- [Base16](https://github.com/ntpeters/base16-materialtheme-scheme) (by [@ntpeters](https://github.com/ntpeters))
# Color Schemes palettes
Color | Default / Lighter | Darker |
--- | --- | --- |
Red | `#FF5370` | `#E53935` |
Pink | `#F07178` | `#FF5370` |
Orange | `#F78C6C` | `#F76D47` |
Yellow | `#FFCB6B` | `#FFB62C` |
Green | `#C3E88D` | `#91B859` |
Pale Blue | `#B2CCD6` | `#8796B0` |
Cyan | `#89DDFF` | `#39ADB5` |
Blue | `#82AAFF` | `#6182B8` |
Purple | `#C792EA` | `#7C4DFF` |
Violet | `#BB80B3` | `#945EB8` |
Brown | `#AB7967` | `#AB7967` |
## Thanks
Thanks for all the [contributors](https://github.com/SublimeText/material-theme/graphs/contributors).
Check the video review by **LevelUpTuts**
# Video review
[](http://www.youtube.com/watch?v=6eqgrCxprOI)