Creating a custom theme
Use the contents of the
theming folder for creating your custom theme for the Roookies application.
themes directory includes a copy of part of the Sencha Touch SDK, placed here for your convenience to get started quickly with your theming work. This directory is distributed under the same licence as the Sencha Touch SDK as a whole.
To create your custom theme for the Roookies app:
stylequery string to the app's URL to reference a custom CSS file:
Add an additional
fontparameter if you need to reference a Google font by name:
Refresh the application. You should now see the green and wood of Jen Gordon's sample theme.
To compile your own theme, ensure you have Compass 0.11.beta.3 (or later) installed:
> sudo gem install compass -v 0.11.beta.3 > compass -v Compass 0.11.beta.3
Make changes to the
roookies.scssfile (or a copy of your own)
Run compass to compile the CSS:
> compass compile roookies.scss
Refresh the application to see the changes.
You will need to submit the resulting CSS file to enter the theming competition. However, feel free to submit the Sass (.scss) file too if you want to show us how clever you've been!