Skip to content

Instantly share code, notes, and snippets.

@razzul
Last active February 15, 2019 07:45
Show Gist options
  • Save razzul/c5475208441886fd00128cd7eb04410d to your computer and use it in GitHub Desktop.
Save razzul/c5475208441886fd00128cd7eb04410d to your computer and use it in GitHub Desktop.
Sublime config

Material Theme

SUBLIME TEXT : INSTALLING MATERIAL THEME

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 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):

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

NOTE: Restart Sublime Text after activating the theme.

Addons

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 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.

White panels

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

SUBLIME TEXT : KEY BINDING

[
	{ "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"} }
]

SUBLIME TEXT : SETTING

{
	"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"
}

Other Packages

A File Icon
CodeFormatter
Colorsublime
Compare Side-By-Side
Emmet
PlainTasks
SublimeLinter
SublimeLinter-php

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment