Home

Awesome

Material UI

This theme converts Atom into a good looking and minimal editor without unnecessary clutter. Although it was inspired by Google's Material design, it's not completely based on the same. There are some places in which I've decided to make some decisions by my own to make the design look less haptic.

<a href="https://raw.githubusercontent.com/leo/material-ui/screenshots/with-code.png" target="_blank"> <img src="https://raw.githubusercontent.com/leo/material-ui/screenshots/with-code.png"> </a>

Install

Simply go to the Settings > Install section, click the "Themes" tab and search for "material-ui". After installing it, you only need to activate it within the Settings > Themes section under "UI Theme". Or fire up a terminal and type in the following to have it installed automatically:

apm install material-ui

By the way, the UI theme should be used together with the syntax theme One Dark (which is already installed by default) and File Icons. Using those packages, you'll get the best experience.

I'm also suggesting you to enable Use Preview Tabs within the "Tabs" core package. This will improve your experience with the theme a lot.

Contribute

If you already have the theme installed, remove it:

apm uninstall material-ui

Clone this repo:

git clone https://github.com/leo/material-ui
cd material-ui

Add the theme to ~/.atom/packages:

apm link

Open Atom in development mode

atom --dev .

Now enable the theme using the drop-down in the "Themes" section of Atom's settings and start making changes. Although the theme will automatically get updated if you make changes, you can use <kbd>cmd</kbd> + <kbd>alt</kbd> + <kbd>ctrl</kbd> + <kbd>L</kbd> to reload Atom completely.

Read more about the development workflow.

Credits

This theme was inspired by Mattia Astorino's awesome [material-theme][https://github.com/equinusocio/material-theme] for Sublime Text.

Author

Leo Lamprecht (@notquiteleo)