Vaadin 14 主题 - 使用 "include"

Question

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

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

我们对Vaadin图表做了一些样式更改，但我们需要包含原始的vaadin-chart-default-theme。

是否有一种方法可以通过主题支持来实现相同的效果？

谢谢。

- Lipisak

Answer 1

据我所知，目前默认图表主题不支持此操作。

如果您需要在多个组件中重用样式表，则应该使用标准的@import声明。

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

- Jouni

---

是的，我已经使用了@CssImport并且它有效。所以现在这个注解在我们的代码中是最后一次出现。感谢您的回答。 - Lipisak

还有一件事我想要补充：默认图表主题的工作方式与所有其他组件不同，我认为我们应该在未来进行更改，这样当您在其上添加自己的自定义内容时，它就不会被替换或覆盖。 - Jouni