jhipster 和 Bootstrap 模板 : how to change the theme

Question

是否可以轻松更改并应用新的 bootstrap 主题/模板(例如:https://elements.envato.com/admin-io-GG5ENR)到我的 Jhipster Angular 5 Web 应用程序？

是否有程序可循？

谢谢

Answer 1

我设法通过将文件从暗(注释掉)编辑为流明来更改主题:
src\main\webapp\content\scss\vendor.scss

/***************************
put Sass variables here:
eg $input-color: red;
****************************/
// @import '~bootswatch/dist/darkly/variables';
@import '~bootswatch/dist/lumen/variables';
// Override Bootstrap variables
@import 'bootstrap-variables';
// Import Bootstrap source files from node_modules
@import '~bootstrap/scss/bootstrap';
// @import '~bootswatch/dist/darkly/bootswatch';
@import '~bootswatch/dist/lumen/bootswatch';

/* jhipster-needle-scss-add-vendor JHipster will add new css style */

然后我运行了命令:
npm 运行 webpack:build
更改是热重载的。