Build Tools

Learn how to use Paper Dashboard 2 Pro using NPM scripts to build your admin theme, compile SCSS, change the colors and more.

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 open-app for opening the Dashboard 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('examples/dashboard.html').
5. You can find the colors in assets/scss/paper-dashboard/_variables.scss starting with line 62 where is the primary color set: $default-color: #66615B !default;.
6. 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.