Find file
Fetching contributors…
Cannot retrieve contributors at this time
55 lines (42 sloc) 1.76 KB


This is a custom jquery mobile theme, that matches the Holo theme family in Android 4.0 Theme.Holo.Dark and Theme.Holo.Light.


How to use

  • Download the sources (js, css, themes-folder) from github
  • Include it in your html file:

<link rel="stylesheet" href="themes/android-theme.css" />
<script type="text/javascript">
<script type="text/javascript" src=""></script>


  • hide-on-android css class use this class, to hide some elements on android devices (e.g. header back button)

How to build / customize

The basic css is generated with the jquery mobile theme generator. Then all rules are wrapped with .android class. Compile it with SASS.

Import into jquery mobile theme generator

  • Go to
  • Click "Import" (top-left-corner)
  • Open the file android-theme.scss in any editor
  • remove the line at the beginning: {
  • remove the last line "}"
  • copy now the content of this file into the theme generator import-window

Export and compile

  • Click on "Download-Theme"
  • Name it "android-theme"
  • Download it, extract and copy the file "themes/android-theme.css" to the "themes/android-theme.scss" of this project. Overwrite it.
  • Wrap the complete content with
    • add the line at the beginning: {
    • add a closing "}" at the end of the file
  • Compile it with SASS