ThemeRoller, change UI

Current project is using light-theme, we want to change their color by jQuery Mobile ThemeRoller

1. Open css file, light-theme-2.0.0.css

2. Select all content

3. Copy all content

1. Click Import button on the top

2. Choose right version of jQuery mobile (see above Visual Studio Solution Explorer, it shows 1.3.0)

3. Paste css content copied from previous step

Just drag & drop the color to the place which you want to change its color

1. Click Download, it will show Download Theme screen

2. Input a Theme Name by yourself

3. Click Download Zip button

Back to Visual Studio, create a new Style Sheet file, custom-theme.css

1. Open the downloaded zip file

2. Select all and copy them

Paste into custom-theme.css file

Change the link of default.htm, from “light-theme-2.0.0.css” to “custom-theme.css”

Run it to see the result

Mr.Ba.Code