Create your own swatch
- Download Bootswatch
Download or clone Bootswatch.
- Install Bootstrap
In terminal, navigate to /bootswatch/swatchmaker/ and run the command make bootstrap to download the latest version of Bootstrap.
- Install Bootstrap Dependencies
If you haven't before, install npm. Next, navigate to /bootswatch/swatchmaker/bootstrap/ and type npm install to locally install Bootstrap dependencies (uglify-js, jshint, recess, connect, hogan.js).
- Customize Bootstrap
Make your customizations to the two files found in /bootswatch/swatchmaker/swatch/: variables.less and bootswatch.less. You can also copy over the less files from an existing theme and modify them.
- Build Customized Bootstrap
In /bootswatch/swatchmaker/, run make bootswatch. The compiled CSS files will be created in /bootswatch/swatchmaker/swatch/.
You can run the watcher to automatically build Bootstrap whenever changes are saved with make watcher (Requires gem install directory_watcher).
- Reset Bootstrap
If you want to reset variables.less and bootswatch.less to defaults, run make default.