你如何在 Nebular UI 中更改主题变量值？

Question

假设我想改变nb-layout-header身高， Nebular 文档显示 header 高度的变量名称是 header-height

https://akveo.github.io/nebular/docs/components/layout/theme#nblayoutheadercomponent

如何修改变量值？我必须为此创建自定义主题吗？

Answer 1

我查看了 Nebular UI 文档并更改 header 高度，您可以转到 themes.scss 并在那里定义 header-height。

我已经在星云样本上试过了Stackblitz

@import '~@nebular/theme/styles/theming';
@import '~@nebular/theme/styles/themes/default';

$nb-themes: nb-register-theme((
  header-height: 3rem
), default, default);

星云的变化UICSS组件参考here

你如何在 Nebular UI 中更改主题变量值？

How do you change theme variable value in Nebular UI?

angular

nebular