Magnolia 主子应用的自定义 CSS 样式

Custom CSS Style for Magnolia Main Sub App

我想添加自定义 css 样式并将我的组件设置为具有此样式,但我无法使其工作。我试图通过在文件夹 VAADIN 中添加 css 来复制 Jcr 浏览器应用程序如何执行自定义 CSS 样式,但是那个不起作用。我也试过 App Theme,但还是不行。我不知道我缺少什么配置。我似乎找不到关于如何为我的应用程序自定义 CSS 的明确文档。

我只想自定义我的主应用程序,以显示带有我可以在 css 文件中配置的样式的文本。

谁能帮我解决这个问题?谢谢!

[更新] 我仍然无法完成这项工作。但是我可以看到 "app-orange" 出现在我的 div 中,就像文档所说的那样。我真的不知道我在这里错过了什么,为什么 CSS 仍然不起作用。 :(

希望有人能帮我解决这个问题。谢谢!!!

有人在我们的社区论坛中提出了这个问题,并得到了深入的回答。

https://forums.magnolia-cms.com/forum/thread.html?threadId=4d78fdd4-ad02-4b55-b1f2-ef947a888fcb

我认为在这种情况下答案应该足够了。

干杯,

我可以通过在我的 java 代码中添加 @StyleSheet({"vaadin://themes/orange/styles.css"}) 来完成这项工作。通过添加它,styles.css 被 Magnolia 识别,并且那里的所有样式都反映在我的应用程序中。 :)