css - 如何在 jQuery UI 主题中获取主要/次要颜色

Question

有没有一种方法可以引用 jQuery 主题中使用的颜色，而无需为我可能选择使用的每个主题创建简单的样式？

例子:我有一些文本如下

<div>Hello</div>

我想根据当天的主题改变颜色。我希望使用主题(比如 ui-lightness)中的原色，它是“#1c94c4”，如 ui-state-default 在 ui-lightness 中定义的几种样式.css

问题是，如果我执行以下操作

<div class='ui-state-default'>Hello</div>

我得到了所有其他样式效果，例如边框和背景颜色，它们不适合我的应用程序我想做的是

<div class='ui-primary-color'>Hello</div>

这将根据主题自动更改仅颜色。

附言。执行预构建预处理步骤来解析主题并生成自定义的 css 样式将是我最不喜欢的选择!

Answer 1

var color = $(".ui-state-default").css("color");

给我颜色:“rgb(255, 255, 255)”