From 8152f8d1be97a6a26e513ff48a1ad4578ab1e379 Mon Sep 17 00:00:00 2001 From: FezVrasta Date: Thu, 29 Jan 2015 09:52:28 +0100 Subject: [PATCH] updated doc --- Customize.md | 16 ++++++++++++++++ development.md | 4 ++-- 2 files changed, 18 insertions(+), 2 deletions(-) create mode 100644 Customize.md diff --git a/Customize.md b/Customize.md new file mode 100644 index 0000000..b6512d3 --- /dev/null +++ b/Customize.md @@ -0,0 +1,16 @@ +# Customize Theme + +Material Design for Bootstrap ("MD4B") comes with __teal__ as default color. + +You may want to change it to something else, to do so, the easiest and effective way is using LESS. + +Create a new `.less` file inside your project (in your `styles/` or `thirdparty/` folder. + +````less +// Import the main LESS file from the installation folder of MD4B +@import "../bower_components/bootstrap-material-design/less/material-wfont.less"; + +// Override @primary color with one took from _colors.less +@primary: @deep-purple; +```` + diff --git a/development.md b/development.md index 5301cf5..7edf6e9 100644 --- a/development.md +++ b/development.md @@ -1,10 +1,10 @@ # Development -Material Design for Bootstrap ("MDB") is developed with mainly two languages: LESS and JavaScript. +Material Design for Bootstrap ("MD4B") is developed with mainly two languages: LESS and JavaScript. Source files are in the `less/` and `scripts/` directories, the first contains the source of the LESS files and the second one contains the JavaScript source files. -MDB uses `material.css` as stylesheet, `material-wfont.css` is the same file, but with the Google Web fonts included for Roboto. +MD4B uses `material.css` as stylesheet, `material-wfont.css` is the same file, but with the Google Web fonts included for Roboto. `material.js`, instead, is used to add some extra markup and some jQuery events used to add animations to the elements. ## LESS