Vaadin 14 主题 - 使用“包含”

【问题标题】：Vaadin 14 themes - use "include"Vaadin 14 主题 - 使用“包含”
【发布时间】：2021-08-06 11:29:21
【问题描述】：

最近我将应用程序和组件的 CSS 样式切换为主题（在 vaadin 14.6 中添加）。现在我正在寻找 @CssImport 注释的 include 参数的替代方法。

@CssImport(value = "./styles/custom-charts.css", themeFor = "vaadin-chart", include = "vaadin-chart-default-theme")

我们对 vaadin-chart 进行了一些样式更改，但我们需要包含原始 vaadin-chart-default-theme。

有没有办法通过主题支持实现相同的目标？

谢谢

【问题讨论】：

【解决方案1】：

据我所知，目前这对于默认的 Charts 主题是不可能的。

如果您需要跨组件重用某些样式表，您应该可以使用标准的@import 声明。

对于 Charts 默认主题，您可能必须使用现有的 @CssImport 或 JavaScript registerStyles() 方法（来自 @vaadin/themeable-mixin）。

【讨论】：