How to create a jQuery Mobile theme

jquery css mobile themes jquery-mobile
Diogo Cardoso picture Diogo Cardoso · Mar 16, 2011 · Viewed 21.1k times · Source

How do I create a jQueryMobile theme?

Is it overriding the CSS the best way?

Answer

Blowsie picture Blowsie · Mar 16, 2011

The best method for creating a theme is actually modifying the existing one. Just like Jquery Mobile have done with their "Valenica" Theme. Use the standard css as a starting point / reference

http://code.jquery.com/mobile/latest/jquery.mobile.css

Often the best way to work out which elements need the styling tweaks is to inspect them via Firebug

Its also worth noting, its not a great idea to try and create a theme from scratch, as a large part of what makes jquery mobile so great is the cross browser testing and developments they have already made to the css.

Update:

In the near future there will be a jquery mobile theme roller, you can track its development at github.

https://github.com/jquery/jquery-mobile

Update 2

The theme roller is ready!

http://jquerymobile.com/themeroller/

Related questions

:touch CSS pseudo-class or something similar?

I am trying to make a button, such that when the user clicks on it, it changes its style while the mouse button is being held down. I also want it to change its style in a similar way if …

Read More
Mobile site - force landscape only / no auto-rotate

I have a site that has a mobile stylesheet: <link rel="stylesheet" href="css/mobile.css" media="handheld"> I'm also using jQuery to check for mobile devices and alter functionality accordingly. But I want to know if there …

Read More
iphone/ipad triggering unexpected resize events

I'm working on a mobile version of my site. I'm using media queries and CSS as much as possible, but I'm also using some javascript to, for example, turn my navigation into a collapse/expand list on smaller devices to …

Read More