jhipster和bootstrap模板：如何更改主题

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

这些更改是热重新加载的。