/atom-material-ui

A dynamic UI theme for Atom that follows Google's Material Design Guidelines

Primary LanguageCSSOtherNOASSERTION

apm apm apm

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

A dynamic UI theme for Atom that (kinda) follows Google's Material Design Guidelines. Best with Atom Material Syntax.

Inspired by Mattia Astorino's SublimeText theme.

Installation

Fire up a console and type:

apm install atom-material-ui atom-material-syntax atom-material-syntax-light

Or, inside Atom's settings select Install and then search for this package.

Configuration

Atom Material UI supports different accent colors. To change it, go to Settings > Themes and click the cog icon next to the theme selector.

You'll find the color picker there.

Screenshot

Here's the obligatory screenshot. The toolbar on the left side is a package named Tool-bar-main.

Light syntax theme variant

Contributing

If you want to contribute you should fork this repository, make your changes and then send a pull request.

apm uninstall atom-material-ui #if you had it installed
git clone <your_forked_repo>
cd atom-material-ui/
apm link && apm install

I recommend installing the package editorconfig so you don't have to change your global settings for indentation.

Leave an empty line between a selector's properties and a nested selector. The white space helps with readability:

.selector {
    property: value;

    .nested {
        property: value;
    }
}

Extra

You can download the redesigned icon from dropbox. It's a ZIP file containing multiple resolution PNGs, ICNS and ICO formats. Windows ICO converted by Akshit Tripathi.