Theme builder?

2 posts, 0 answers
  1. Robin
    Robin avatar
    40 posts
    Member since:
    Jul 2012

    Posted 31 Jul 2012 Link to this post

    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?

    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)
  2. Kamen Bundev
    Kamen Bundev avatar
    1532 posts

    Posted 01 Aug 2012 Link to this post

    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;

    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top