O'Reilly logo

Sencha Touch 2 Mobile JavaScript Framework by Bryan P. Johnson, John Earl Clark

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating a custom theme

The next thing we need to do is create our own theme SCSS file. Locate the app.scss file in TouchStart/resources/sass and make a copy of the file. Rename the new copy of the file as myTheme.scss.

Once you have renamed the file, you will need to compile the theme into an actual CSS file that our application can read. To do this, we need to return to the command line and move into our TouchStart/resources/sass directory:

cd /path/to/TouchStart/resources/sass

Once you are in the directory, you can enter the following command:

compass compile

This will compile our new theme and create a new file under resources/css called myTheme.css.

Tip

Using compass compile will compile any .scss files in the directory. You will need to run ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required