Giter Club home page Giter Club logo

material-theme's Introduction

Material Theme 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)

Click here to lend your support to: Material Theme donations and make a donation at pledgie.com !

Click here to lend your support to: Material Theme donations and make a donation at pledgie.com !

Screenshots

Default version

Darker version

Lighter version

More screenshots here

Easy installation

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

--

Manual installation

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

  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/Material Theme/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/Material Theme/schemes/Material-Theme-Darker.tmTheme",

Lighter

"theme": "Material-Theme-Lighter.sublime-theme",
"color_scheme": "Packages/Material Theme/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:

Drag the top edge

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.

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

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 Material Theme icon.

Vim Porting

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

Terminal Porting

You can download Material Theme Terminal, Material Theme porting made by @mvaneijgen

Default Color Palette

Color Palette

Thanks

Thanks for all the contributors.

Check the video review by LevelUpTuts IMAGE ALT TEXT HERE

material-theme's People

Contributors

aarongeorge avatar arpitjacob avatar berniechiu avatar equinusocio avatar gmahomarf avatar irazasyed avatar jpelgrom avatar kevinfan520 avatar kristijanhusak avatar llaraujo avatar makky3939 avatar revod avatar riehlemt avatar rong3git avatar saetia avatar simondavies avatar vluzrmos avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.