Build tools

Learn how to use Material Kit Pro using NPM scripts to build your admin theme, compile SCSS, change brand-colors and more.

Change brand colors

  • You will find all the branding colors inside assets/scss/variables/_brand.scss. You can change them with a HEX value or with other predefined variables from assets/scss/variables/_colors.scss.

Compile SCSS

  1. Download the project’s zip.
  2. Make sure you have node.js ( installed.
  3. Type npm install in terminal/console in the source folder where package.json is located.
  4. Run in terminal gulp default for opening the Kit Page (default) of the product. You can set in gulpfile.js from your downloaded archive any page you want to open in browser, at line 30: gulp.src('presentation.html').
  5. Run in terminal gulp compile-scss for a single compilation or gulp watch for continous compilation of the changes that you make in *.scss files. This command should be run in the same folder where gulpfile.js and package.json are located.