This module allows theme developers to create custom color palettes for Bootstrap themes based on Google Material Design color concepts. Users can select primary and accent colors with options to type them in, use a color picker, or choose from predefined Material Design or Colour Lovers schemes. The selected colors are saved as SASS variables and automatically trigger a recompilation of the Bootstrap theme.
Using Google Material Design Color Concepts allow theme developers to choose a custom color palette based on two colors to be apply on Bootstrap theme.
Colors can be typed, got from a color picker or chosen from Material Design or Colour Lovers color schemes.
Installation
- Install and enable module.
- Install and enable Bootstrap Libraries
- On Bootstrap Libraries choose SASS compiled files
Usage
Configure Bootstrap Library module to use SASS as library
- Go to /bootstrap/colors
- Select primary base and accent base colors
- Choose primary color and accent color from color variations
What does this module do
- Builds a jQuery interfase, using bootstrap elements.
- Save colors as SASS variables for Bootstrap.
- Order Bootstrap Library to recompile Bootstrap using SASS.