title: Kendo ui mobile set default theme to flat ui
body: <p>Im just starting out with kendo ui and am running a very basic example below.</p>
  
  <p>It currently displays as ios but i want to set it to be the flat ui theme all the time. I cant see anything in the demos or documentation which state how to do this.</p>
  
  <p>Can somebody tell me how to change the default theme to the flat design?</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  
  &lt;!-- Kendo UI Mobile CSS --&gt;
  &lt;link href="styles/kendo.mobile.all.min.css" rel="stylesheet" /&gt;
  
  &lt;!-- jQuery JavaScript --&gt;
  &lt;script src="js/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!-- Kendo UI Mobile combined JavaScript --&gt;
  &lt;script src="js/kendo.mobile.min.js"&gt;&lt;/script&gt;
      &lt;title&gt;Kendo UI Examples&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;!-- Kendo Mobile View --&gt;
  &lt;div data-role="view" data-title="test" id="index"&gt;
      &lt;!--Kendo Mobile Header --&gt;
      &lt;header data-role="header"&gt;
          &lt;!--Kendo Mobile NavBar widget --&gt;
          &lt;div data-role="navbar"&gt;
              &lt;span data-role="view-title"&gt;&lt;/span&gt;
          &lt;/div&gt;
      &lt;/header&gt;
      &lt;!--Kendo Mobile ListView widget --&gt;
      &lt;ul data-role="listview"&gt;
        &lt;li&gt;Item 1&lt;/li&gt;
        &lt;li&gt;Item 2&lt;/li&gt;
      &lt;/ul&gt;
      &lt;!--Kendo Mobile Footer --&gt;
      &lt;footer data-role="footer"&gt;
          &lt;!-- Kendo Mobile TabStrip widget --&gt;
          &lt;div data-role="tabstrip"&gt;
              &lt;a data-icon="home" href="#index"&gt;Home&lt;/a&gt;
              &lt;a data-icon="settings" href="#settings"&gt;Settings&lt;/a&gt;
          &lt;/div&gt;
      &lt;/footer&gt;
  &lt;/div&gt;
  &lt;script&gt;
  // Initialize a new Kendo Mobile Application
  var app = new kendo.mobile.Application();
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>