I'm making an app for my employer that was originally intended to be made with jQuery Mobile. However JQM didn't satisfy our need for smooth animations, so I'm switching to Kendo UI Mobile.

When working in JQM, there was a "theme roller" making it easy for me to add custom styles to buttons, navbars and footers. Is there a similar tool for Kendo, or what is the easiest way to change the color-scheme so that headers, footers and buttons are gradient red?

Update:
I've managed to style the header and the footer/tabstrip. But the icons and the text underneath the icons are gray. How can I force them to be white? (See screenshot)

Hello Robin,

A Kendo UI Mobile Theme Builder is currently in the works and will be introduced along with the service pack after a month.

What you're trying to do is really easy, just use background colors and colors, like this:
.km-ios .km-tabstrip .km-button .km-icon {
    background-color: #fff;
}
.km-ios .km-tabstrip .km-button .km-text {
    color: #fff;
}

You can change the active state color for instance with (there is a gradient there too, that's why color only won't help):
.km-ios .km-tabstrip .km-state-active .km-icon {
    background: red;
}

Greetings,
Kamen Bundev
the Telerik team