You can install this awesome theme through the Package Control.
- Press ⌘/Ctrl + ⇧ + P to open the command palette.
- Type
Package Control: Install Package
and press enter. Then search forMaterial Theme
.
- Download the latest release, extract and rename the directory to "Material Theme".
- Move the directory inside your sublime
Packages
directory. (Preferences > Browse packages...)
You can active this theme from:
- Command palette
Tools > Command Palette
(⌘/Ctrl + ⇧ + P) by typingMaterial Theme: Activate theme
. - Context menu (Right click on the editor) and choose
Material Theme > Activate
Preferences > Packages Settings
and chooseMaterial 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.
From release 4.0.0 this theme use A File Icon package to display file icons. Please install the package and restart Sublime Text.
Material Theme Appbar This official addon enable a beautiful colored tab bar to your Material Theme. The color tint fits automagically the material theme accent color you choosed.
Material Theme White Panels
If 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 Lighter
theme style.
The font used for the code is "Operator Mono"
You can also use the official Material Design monospace font "Roboto Mono" or "Fira Code".
Click here to download Roboto Mono
[
{ "keys": ["ctrl+alt+f"], "command": "code_formatter" },
{ "keys": ["ctrl+\\"], "command": "toggle_side_bar" },
{ "keys": ["ctrl+shift+\\"], "command": "toggle_setting", "args": {"setting": "line_numbers"} },
{ "keys": ["f2"], "command": "toggle_setting", "args": {"setting": "word_wrap"} }
]
{
"always_show_minimap_viewport": true,
"autoapply": false,
"bold_folder_labels": true,
"color_scheme": "Packages/Colorsublime - Themes/candy-crush.tmTheme",
"default_line_ending": "unix",
"font_face": "Roboto Mono Italic",
"font_options":
[
"gray_antialias"
],
"font_size": 11,
"ignored_packages":
[
"Vintage"
],
"indent_guide_options":
[
"draw_normal",
"draw_active"
],
"line_padding_bottom": 0,
"line_padding_top": 0,
"margin": 0,
"material_theme_accent_orange": true,
"material_theme_accent_scrollbars": true,
"material_theme_big_fileicons": true,
"material_theme_bold_tab": true,
"material_theme_bright_scrollbars": true,
"material_theme_bullet_tree_indicator": true,
"material_theme_compact_panel": true,
"material_theme_compact_sidebar": true,
"material_theme_contrast_mode": true,
"material_theme_disable_folder_animation": true,
"material_theme_panel_separator": true,
"material_theme_small_statusbar": true,
"material_theme_small_tab": true,
"material_theme_tabs_separator": true,
"material_theme_tree_headings": true,
"overlay_scroll_bars": "enabled",
"theme": "Material-Theme.sublime-theme"
}
A File Icon
CodeFormatter
Colorsublime
Compare Side-By-Side
Emmet
PlainTasks
SublimeLinter
SublimeLinter-php