title: How to get the Primary/Secondary color in jQuery UI Theme
body: <p>Is there a way to reference the colours used in the jQuery themes without creating a simple style for each theme that I may choose to use?</p>
  
  <p><strong>Example</strong>: I have some text as follows</p>
  
  <p><code>&lt;div&gt;Hello&lt;/div&gt;</code></p>
  
  <p>which I'd like to be change colour in line with my theme of the day.  I wish to use the primary colour from a theme (say ui-lightness) which is "#1c94c4" as defined in several of the styles such as <em>ui-state-default</em> in <em>ui-lightness.css</em></p>
  
  <p>The problem is that if I do the following </p>
  
  <p><code>&lt;div class='ui-state-default'&gt;Hello&lt;/div&gt;</code></p>
  
  <p>I get all the other style effects, like borders and background colour, which are not right for my application
  What I'd like to do is something like</p>
  
  <p><code>&lt;div class='ui-primary-color'&gt;Hello&lt;/div&gt;</code></p>
  
  <p>which would automatically change <strong>only</strong> the colour dependent on the theme.</p>
  
  <p>PS. Doing a pre-build pre-processing step to parse the themes and generate a customised css style would be my least favourable option here!</p>