A jekyll theme based on material design light.


This theme is based on Material Design Lite (MDL)


Add this line to your Jekyll site's Gemfile:

gem "jekyll-theme-material"

And add this line to your Jekyll site's _config.yml:

theme: jekyll-theme-material

And then execute:

$ bundle

Or install it yourself as:

$ gem install jekyll-theme-material



You may choose to customize your sites default colors by defining the below two variables defined in the _config.yml:

color_primary: <desired-color>
color_accent: <desired-color>

Note: These colors must be one of the supported colors defined by MDL, which can be found here

Configuration variables

Material will respect the following variables, if set in your site's _config.yml:

title: [The title of your site]
description: [A short description of your site's purpose]

Additionally, you may choose to set the following optional variables:

show_downloads: ["true" or "false" to indicate whether to provide a download URL]
google_analytics: [Your Google Analytics tracking ID]


Bug reports and pull requests are welcome on GitHub at This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.


To set up your environment to develop this theme, run bundle install.

Your theme is setup just like a normal Jekyll site! To test your theme, run bundle exec jekyll serve and open your browser at http://localhost:4000. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.

When your theme is released, only the files in _layouts, _includes, and _sass tracked with Git will be released.


The theme is available as open source under the terms of the MIT License.