Angular UI：主题配置

自 ABP 6.0 版本起，主题包不再以 CSS 模块的形式导入样式。为了让主题包正确加载样式，需要将以下样式设置包含到 angular.json 文件中。

Lepton X Lite

{
    "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/bootstrap-dim.css",
    "inject": false,
    "bundleName": "bootstrap-dim"
},
{
    "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/ng-bundle.css",
    "inject": false,
    "bundleName": "ng-bundle"
},
{
    "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/side-menu/layout-bundle.css",
    "inject": false,
    "bundleName": "layout-bundle"
},
{
    "input": "node_modules/@abp/ng.theme.lepton-x/assets/css/abp-bundle.css",
    "inject": false,
    "bundleName": "abp-bundle"
},
{
    "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/bootstrap-dim.rtl.css",
    "inject": false,
    "bundleName": "bootstrap-dim.rtl"
},
{
    "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/ng-bundle.rtl.css",
    "inject": false,
    "bundleName": "ng-bundle.rtl"
},
{
    "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/side-menu/layout-bundle.rtl.css",
    "inject": false,
    "bundleName": "layout-bundle.rtl"
},
{
    "input": "node_modules/@abp/ng.theme.lepton-x/assets/css/abp-bundle.rtl.css",
    "inject": false,
    "bundleName": "abp-bundle.rtl"
},
{
    "input":"node_modules/@volo/ngx-lepton-x.lite/assets/css/font-bundle.rtl.css",
    "inject":false,
    "bundleName":"font-bundle.rtl"
}
,{
    "input":"node_modules/@volo/ngx-lepton-x.lite/assets/css/font-bundle.css",
    "inject":false,
    "bundleName":"font-bundle"
},

基本主题

{
    "input": "node_modules/bootstrap/dist/css/bootstrap.rtl.min.css",
    "inject": false,
    "bundleName": "bootstrap-rtl.min"
},
{
    "input": "node_modules/bootstrap/dist/css/bootstrap.min.css",
    "inject": true,
    "bundleName": "bootstrap-ltr.min"
},

Lepton X 商业版

如果您想使用顶部菜单，需要将以下两个 side-menu 导入项切换为 top-menu。

{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/dark.css",
    "inject": false,
    "bundleName": "dark"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/light.css",
    "inject": false,
    "bundleName": "light"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/dim.css",
    "inject": false,
    "bundleName": "dim"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/bootstrap-dim.css",
    "inject": false,
    "bundleName": "bootstrap-dim"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/bootstrap-dark.css",
    "inject": false,
    "bundleName": "bootstrap-dark"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/bootstrap-light.css",
    "inject": false,
    "bundleName": "bootstrap-light"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/ng-bundle.css",
    "inject": false,
    "bundleName": "ng-bundle"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/side-menu/layout-bundle.css",
    "inject": false,
    "bundleName": "layout-bundle"
},
{
    "input": "node_modules/@volosoft/abp.ng.theme.lepton-x/assets/css/abp-bundle.css",
    "inject": false,
    "bundleName": "abp-bundle"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/dark.rtl.css",
    "inject": false,
    "bundleName": "dark.rtl"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/light.rtl.css",
    "inject": false,
    "bundleName": "light.rtl"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/dim.rtl.css",
    "inject": false,
    "bundleName": "dim.rtl"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/bootstrap-dim.rtl.css",
    "inject": false,
    "bundleName": "bootstrap-dim.rtl"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/bootstrap-dark.rtl.css",
    "inject": false,
    "bundleName": "bootstrap-dark.rtl"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/bootstrap-light.rtl.css",
    "inject": false,
    "bundleName": "bootstrap-light.rtl"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/ng-bundle.rtl.css",
    "inject": false,
    "bundleName": "ng-bundle.rtl"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/side-menu/layout-bundle.rtl.css",
    "inject": false,
    "bundleName": "layout-bundle.rtl"
},
{
    "input": "node_modules/@volosoft/abp.ng.theme.lepton-x/assets/css/abp-bundle.rtl.css",
    "inject": false,
    "bundleName": "abp-bundle.rtl"
},        
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/font-bundle.css",
    "inject": false,
    "bundleName": "font-bundle"
},
{
    "input": "node_modules/@volosoft/ngx-lepton-x/assets/css/font-bundle.rtl.css",
    "inject": false,
    "bundleName": "font-bundle.rtl"
},

Lepton 主题 商业版

{
    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton1.min.css",
    "inject": false,
    "bundleName": "lepton1"
},
{
    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton2.min.css",
    "inject": false,
    "bundleName": "lepton2"
},
{
    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton3.min.css",
    "inject": false,
    "bundleName": "lepton3"
},
{
    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton4.min.css",
    "inject": false,
    "bundleName": "lepton4"
},
{
    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton5.min.css",
    "inject": false,
    "bundleName": "lepton5"
},
{
    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton6.min.css",
    "inject": false,
    "bundleName": "lepton6"
},
{
    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton1.rtl.min.css",
    "inject": false,
    "bundleName": "lepton1.rtl"
},
{
    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton2.rtl.min.css",
    "inject": false,
    "bundleName": "lepton2.rtl"
},
{
    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton3.rtl.min.css",
    "inject": false,
    "bundleName": "lepton3.rtl"
},
{
    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton4.rtl.min.css",
    "inject": false,
    "bundleName": "lepton4.rtl"
},
{
    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton5.rtl.min.css",
    "inject": false,
    "bundleName": "lepton5.rtl"
},
{
    "input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton6.rtl.min.css",
    "inject": false,
    "bundleName": "lepton6.rtl"
},