2009-06-29 12 views
3

Existe-t-il un moyen de référencer les couleurs utilisées dans les thèmes jQuery sans créer un style simple pour chaque thème que je peux choisir d'utiliser?Comment obtenir la couleur primaire/secondaire dans l'interface utilisateur jQuery Thème

Exemple: J'ai un texte comme suit

<div>Hello</div>

que je voudrais être changer de couleur en ligne avec mon thème de la journée. Je souhaite utiliser la couleur primaire d'un thème (disons-ui légèreté) qui est « # 1c94c4 » tel que défini dans plusieurs des styles tels que ui-état par défaut dans ui-lightness.css

le problème est que si je fais ce qui suit

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

Je reçois tous les autres effets de style, comme les frontières et la couleur d'arrière-plan, qui ne sont pas bon pour ma demande ce que je voudrais faire est quelque chose comme

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

qui changerait automatiquement seulement la couleur dépend du thème.

PS. Faire une étape de pré-traitement de pré-construction pour analyser les thèmes et générer un style CSS personnalisé serait mon option la moins favorable ici!

Répondre

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

m'a donné la couleur: "rgb (255, 255, 255)"

+0

Cela ne fonctionnera pas si le sélectionné ne reçoit rien par exemple lors du chargement de la page ui-state-hover aura un sélecteur vide. – jholloman

+0

Ensuite, enveloppez-le simplement dans une clause if pour vérifier la présence d'un ensemble de retour vide/nul à partir du sélecteur jQuery. – DMCS

-1

Oui, vous pouvez pouvez ajouter des CSS de l'interface utilisateur directement à tout élément html, produire des styles supplémentaires dans des classes séparées pour gérer besoins particuliers ou même remplacer une classe pour se débarrasser, disons, d'un style de bordure. Recherchez les sites jQuery 'ThemeRoller-ready'.

Je vous suggère également de jeter un oeil à la jQuery forum.

jQuery theming Cette page vaut également la peine d'être lue.