为 1.0 版自定义 Clarity 主题

Question

在1.0测试版之前，我自定义了清晰度主题，看起来很完美。然而，当我升级到当前的测试版 1.0 时，我注意到一些数据网格组件部分，如单元格 headers 和分页控件有点偏离。下面显示了我如何使用清晰度的 built-in SCSS 文件为明暗模式生成 SCSS 主题。下面的 SCSS 导入没有任何自定义主题，因此它应该生成 clarity 的 built-in 主题。我的目标是拥有一个可以在切换主题时动态加载的 pre-generated css。同样，这里的问题是数据网格页脚和单元格 headers 已关闭。有什么我想念的吗？

轻：

@import "node_modules/@clr/ui/src/utils/bootstrap/bootstrap";    
@import 'node_modules/@clr/ui/src/utils/dependencies.clarity';
@import 'node_modules/@clr/ui/src/utils/components.clarity';

深色：

@import "node_modules/@clr/ui/src/utils/bootstrap/bootstrap";    
@import 'node_modules/@clr/ui/src/dark-theme';

Answer 1

我想我刚刚解决了这个问题。我需要使用 postcss cli 为生成的 css 添加前缀。现在，它看起来很整洁。

为 1.0 版自定义 Clarity 主题

Customizing the Clarity theme for version 1.0

vmware-clarity