Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Tree: a2fe15b2e3

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.

Creating a custom theme

Use the contents of the theming folder for creating your custom theme for the Roookies application.

Important: the 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:

  1. Add a style query string to the app's URL to reference a custom CSS file:

  2. Add an additional font parameter if you need to reference a Google font by name:

  3. Refresh the application. You should now see the green and wood of Jen Gordon's sample theme.

  4. 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
  5. Make changes to the roookies.scss file (or a copy of your own)

  6. Run compass to compile the CSS:

    > compass compile roookies.scss
  7. 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!

Something went wrong with that request. Please try again.