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

【问题标题】：Custom CSS Style for Magnolia Main Sub AppMagnolia 主子应用的自定义 CSS 样式
【发布时间】：2016-08-11 09:16:06
【问题描述】：

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

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

谁能帮我解决这个问题？谢谢！

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

希望有人可以帮助我。谢谢！！！！

【问题讨论】：

标签： magnolia

【解决方案1】：

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

【讨论】：

【解决方案2】：

这是在我们的社区论坛中提出的，并且也得到了深入的回答。

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

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

干杯，

【讨论】：

嗨！是的，我已经看到了这一点并按照说明进行操作，但我仍然无法使其工作。还是因为我只有.css？ .scss 是必需的吗？
如果我理解正确，如果我在我的应用程序描述符中添加一个“主题”，那么它会自动在如果我的“主题”设置为“橙色”。所以我已经关注了这个，但似乎当我检查我的主子应用程序时，它仍在使用来自 admincentral 的 styles.css 而不是来自橙色/styles.css .. 我真的不知道如何做到这一点一个..
@5472161 -> 这种方法不会取代 admincentral css，而是创建一个新的。
我知道，但是，magnolia 似乎无法创建我的 css 样式，因为当我使用开发工具时，我期望的 styles.css 不存在。所以我不确定我是否缺少一些配置，因为我已经按照说明将 styles.css 放在 src/main/resources/VAADIN/themes/orange 文件夹下，就像示例一样。虽然我的应用程序的 div 有“app-orange”，但缺少样式。
知道为什么 Magnolia 似乎无法读取我的自定义 css 样式...我仍然不知道为什么:(