The user interface is styled using bootstrap. All variables documented at http://getbootstrap.com/customize/ are available to you to design your look and feel.
Proceed with the following steps to compile a custom theme:
npm install grunt-cli -g
- freppledb/common/static/css/frepple.less:Defines the frePPLe specific CSS styles.
- freppledb/common/static/css/THEME/variables.less:Defines the configuration of bootstrap for each of the themes. The value of the variables is what a theme unique.
- freppledb/common/static/css/THEME/frepple.less:Optionally, you can create files with theme-specific styles that can’t be expressed as variable values.
In each of the theme folders the file bootstrap.min.css and bootstrap.min.css.map are generated.