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

Question

是否可以轻松地将新的引导程序主题/模板（例如：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

更改已热装。