如何在自定义CSS中访问SAP主题颜色？

2020-09-16 15:13发布

2205 2

加入QQ群：457200227（SAP S4 HANA技术交流）群内免费提供SAP练习系统（在群公告中）

大家好，

快速问题：

如何在SAPUI5应用程序的style.css中访问预定义的SAP主题颜色（例如@sapPositiveColor）？我尝试了以下操作，但抛出错误" @ ...处的意外令牌"。

.selectedTile {背景颜色：@sapUiBrand; }

是否可以在应用程序中使用主题颜色？

SAP颜色记录在这里：

BR，克劳斯

2条回答

1楼-- · 2020-09-16 15:30

这是一个LESS变量，当将@sapUiBrand值编译为CSS时，会将其预处理为有意义的值

也许很快我们可以编写更少的代码

2楼-- · 2020-09-16 15:34

实际上这是不可能的，LESS参数无法通过CSS访问，并且仅支持标准库。

为确保主题相关的样式，仅使用基本主题参数。

但是，您可以通过API读取适当的参数值并设置元素CSS属性，而不是对颜色进行硬编码，如下所示：

 jQuery.sap.require（" sap.ui.core.theming.Parameters"）;

 var myColor = sap.ui.core.theming.Parameters.get（" sapUiDarkBG"）;