在blueprint.js中的Ag-Grid浅色和深色主题之间切换

时间:2020-01-09 08:15:48

标签: sass ag-grid blueprint

我正在将blueprintjs与ag-grid一起使用。我想在应用程序中的浅色和深色主题之间切换。

我正在bp3-darkbp3-light之间切换身体类别。我还在ag-grid-balham-darkag-grid-balham之间切换ag-grid的容器类。在蓝图组件上,一切正常,但在ag-grid图标上未显示。

也不知道在类中导入scss是切换主题的好方法。如果不是,什么是正确的方法?

@import "~ag-grid-community/src/styles/ag-grid";

.bp3-dark {
  $ag-background-color: $dark-gray4;
  $ag-odd-row-background-color: $dark-gray3;
  @import "~ag-grid-community/src/styles/ag-theme-balham-dark/sass/ag-theme-balham-dark";

}

.bp3-light {
  $ag-background-color: white;
  $ag-odd-row-background-color: lightgray;
  @import "~ag-grid-community/src/styles/ag-theme-balham/sass/ag-theme-balham";
}

谢谢。

0 个答案:

没有答案