Как получить основной / дополнительный цвет в jQuery UI Theme

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>

, который автоматически изменит только цвет в зависимости от темы.

PS. Выполнение предварительной обработки перед сборкой для синтаксического анализа тем и создания индивидуального стиля CSS было бы моим наименее благоприятным вариантом здесь!

Answer 1

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

дал мне цвет: "RGB (255, 255, 255)"

Answer 2

Да, вы можете добавить любой пользовательский интерфейс CSS непосредственно в любой элемент HTML, создать дополнительные стили в отдельных классах для удовлетворения конкретных потребностей или даже переопределить класс, чтобы избавиться, скажем, от стиля границы. Поиск сайтов jQuery "ThemeRoller-ready".

Я также предлагаю вам взглянуть на форум jQuery .

Тема jQuery Страница также стоит прочитать.