MLeeTheme for Sublime Text 3

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

Please read the section Known Issues before send a new one.

Buy me a beer. (Alcoholist mode ON)

Screenshots

More screenshots here

Easy installation

You can install this awesome theme through the Package Control. Search for "MLeeTheme", install, restart Sublime Text and enjoy!

--

Manual installation

1. Download the latest release, extract and rename the folder to "MLeeTheme".

2. Move the folder inside your sublime Packages directory. (Preferences > Browse packages...)

3. Activate the theme with the following preferences at (Preferences > Setting - User):

"theme": "Material-Theme.sublime-theme",
"color_scheme": "Packages/MLeeTheme/schemes/Material-Theme.tmTheme",

Note : Remember to restart Sublime Text after activating the theme.

Theme styles

This theme provides a second style version:

Darker

"theme": "Material-Theme-Darker.sublime-theme",
"color_scheme": "Packages/MLeeTheme/schemes/Material-Theme-Darker.tmTheme",

Lighter

"theme": "Material-Theme-Lighter.sublime-theme",
"color_scheme": "Packages/MLeeTheme/schemes/Material-Theme-Lighter.tmTheme",

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:

White panels

If you want to enable the white panels and inputs you can install the addon package through Package Control, search for "MLeeTheme white panels". You have to disable it if you want to use the Lighter theme style.

Theme options

"material_theme_small_tab": true,							// Set small tabs
"material_theme_disable_fileicons": true,					// Hide siderbar file type icons
"material_theme_disable_folder_animation": true,		// Disable folder animation
"material_theme_small_statusbar": true,					// Set small status bar
"material_theme_disable_tree_indicator": true,			// Disable sidebar file indicator
"material_theme_bold_tab": true,								// Make the tab labels bolder
"material_theme_tabs_separator": true,						// Show tabs separator
"material_theme_accent_lime": true,							// set green lime accent color
"material_theme_accent_purple": true,						// set purple accent color
"material_theme_accent_red": true,							// set pale red accent color
"material_theme_accent_orange": true,						// set orange accent color
"material_theme_accent_yellow": true,						// set yellow accent color
"material_theme_panel_separator": true,					// show bottom panel separator
"material_theme_tabs_autowidth": true,						// Enable autowidth for tabs

Recommended UI and font settings

I suggest you to use this custom settings for a better experience with the theme:

"overlay_scroll_bars": "enabled",
"line_padding_top": 3,
"line_padding_bottom": 3,
"font_options": [ "gray_antialias" ], // On retina Mac
"always_show_minimap_viewport": true,
"bold_folder_labels": true,

The font used for the code is "Fira Code" with code ligatures (not supported in Sublime Text).

You can also use the official Material Design monospace font, "Roboto Mono"

Other Resources

App icon

Download the official MLeeTheme icon.

Vim Porting

You can now download the Vim Hybrid Material, MLeeTheme porting made by @kristijanhusak.

Terminal Porting

You can download MLeeTheme Terminal, MLeeTheme porting made by @mvaneijgen

Default Color Palette

Thanks

Thanks for all the contributors.

Check the video review by LevelUpTuts