如何为不同主题提供 Vaadin 插件 @StyleSheets

Question

我创建了一个小部件，我们称之为 Vaadin 插件，并使用样式表注解包含一个 css 文件：@StyleSheet({ "custom.css" })

现在我想知道如何处理不同主题中的使用情况。我的第一个想法是，像这样编写 css：

.valo .mybutton { background: red;}
.reindeer .mybutton {background: yellow;}

问题是，如果我的应用程序主题扩展了reindeer 主题，html 将不包含任何reindeer 类名，与valo 相同。我没有找到关于这个主题的文档..（我读的是this post）

Answer 1

这是正确的方法吗？您必须为自己可用的每个主题定义组件的外观，并决定在给定主题中组件的最佳视觉表示。如果该主题发生变化，您也必须更改您的附加组件。如果有新主题，你也必须更新你的组件。

更合适的方法可能只是使用标准的 vaadin css 类，从而让主题决定您的组件的外观。您只需使用标准 vaadin 类定义组件和逻辑部分的结构。这样，无论使用什么主题，您的组件都将完美契合，并且为发布任意数量的新自定义主题做好了准备。我并不是说你不应该在你的插件中包含样式，我只是说你应该考虑不要将你的插件绑定到任何音乐会主题。