Bootstrap Material Design Theme

GitHub project: github.com/othermachines/bootstrap_material

A Bootstrap subtheme that brings the Material Design guidelines by Google into Drupal. Uses Material Design for Bootstrap theme available on Github.

My customizations are pretty basic so far. It makes a pretty sweet admin theme (which has been my focus), but it can always be improved.

Note that there is a key difference in how the header renders in the front end (a standard toolbar) vs. admin pages (prominent breadcrumb trail). For admin navigation, Navbar Awesome (depends on Navbar) has a similar look-and-feel.

Use

1. Download and extract the bootstrap_material/ subfolder into your Drupal installation's themes directory.

2. Go to admin/appearance and enable the subtheme.

Customize

I use Node.js, Grunt and Bower to manage CSS and JavaScript assets. You can, too, but it requires this patch (Issue #619542) to prevent the node_modules/ and bower_components/ directories from being scanned by Drupal. Otherwise it will crash hard. Update: Related #2329453: Ignore front end vendor folders to improve directory search performance.

1. Go to the project folder:

cd bootstrap_material

2. Install dependencies:

npm install

3. Initial set-up:

grunt build

4. To watch for changes:

grunt

Alternatively, since the CSS and JS is precompiled you can do some basic tweaks by simply adding a custom CSS file to the *.info file.