Vaadin14继承Lumo主题属性问题：自定义暗色主题样式不生效

• 样式加载优先级冲突：Vaadin 14 内置Lumo主题的默认样式加载顺序晚于你自定义的frontend/styles/lumo.css，内置暗色主题的变量定义会覆盖你手动修改的自定义变量值。直接写入固定色值不受变量优先级影响，因此可以正常生效。
• [theme~="dark"]选择器作用域不匹配：你没有在应用启动类的@Theme注解中显式启用Lumo暗色主题变体，导致[theme~="dark"]属性选择器全程没有匹配到任何DOM节点，你修改的暗色主题变量根本没有被加载到页面样式表中。
• 变量继承链路断裂：.app-bar如果是Vaadin内置组件内部的类，它所在的Shadow DOM默认没有继承全局自定义的CSS变量，导致变量无法作用到该类的样式规则上。
• 生产模式前端资源未重新打包：如果你的应用开启了生产模式，前端资源会被压缩缓存，仅修改lumo.css后没有执行mvn vaadin:prepare-frontend（Maven项目）或对应Gradle的前端资源预处理命令，部署的打包资源还是旧的变量值，自然不会生效。

内容的提问来源于stack exchange，提问作者Antonio