如何在 Nebular UI 中更改主題變量值？

Question

假設我想更改nb-layout-header高度，Nebular Documentation 顯示 header 高度的變量名稱是header-height

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

如何修改變量值？ 我必須為此創建一個自定義主題嗎？

Answer 1

我檢查了 Nebular UI 文檔並更改 header 高度，您可以將 go 更改為themes.scss並在那里定義header-height 。

我已經在 Nebular 樣本Stackblitz上試過了

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

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

Nebular UI CSS 組件參考這里的變化