odoo/addons/website/views/themes.xml

<?xml version="1.0" encoding="utf-8"?>
<openerp>
<data>

<!--
     Theme Selector
-->

    <template id="website.themes" name="Themes">
        <t t-call="website.layout">
          <div class="container" t-if="editable">
    
            <div class="alert alert-block alert-success mt32" t-if="theme_changed">
                <button type="button" class="close" data-dismiss="alert">&amp;times;</button>
                <p>
                    <h4>Theme Changed!</h4>
                    Have a look at <a href="/">your homepage</a> or try another theme bellow.
                </p>
            </div>
            <h1 class="text-center mt32">Change Your Theme</h1>
    
            <div class="row mt32" id="themes-list">
    
              <div class="span4">
                <div class="well text-center">
                  <div class="image">
                    <img class="img-responsive" src="http://bootswatch.com/flatly/thumbnail.png" alt="Flatly"/>
                  </div>
                  <div class="options">
                    <h3>Flatly</h3>
                    <p>Flat and modern</p>
                    <a class="btn btn-info" href="/website/theme_change?theme_id=website.theme_flatly">Apply</a>
                  </div>
                </div>
              </div>
    
              <div class="span4">
                <div class="well text-center">
                  <div class="image">
                    <img src="http://bootswatch.com/amelia/thumbnail.png" class="img-responsive" alt="Amelia"/>
                  </div>
                  <div class="options">
                    <h3>Default</h3>
                    <p>Sweet and cheery</p>
                    <a class="btn btn-info" href="/website/theme_change">Apply</a>
                  </div>
                </div>
              </div>
    
              <div class="span4">
                <div class="well text-center">
                  <div class="image">
                    <img src="http://bootswatch.com/cerulean/thumbnail.png" class="img-responsive" alt="Cerulean"/>
                  </div>
                  <div class="options">
                    <h3>Cerulean</h3>
                    <p>A calm, blue sky</p>
                    <a class="btn btn-info" href="/website/theme_change">Apply</a>
                  </div>
                </div>
              </div>
    
              <div class="span4">
                <div class="well text-center">
                  <div class="image">
                    <img class="img-responsive" src="http://bootswatch.com/cosmo/thumbnail.png" alt="Cosmo"/>
                  </div>
                  <div class="options">
                    <h3>Cosmo</h3>
                    <p>An ode to Metro</p>
                    <a class="btn btn-info" href="/website/theme_change">Apply</a>
                  </div>
                </div>
              </div>
    
              <div class="span4">  
                <div class="well text-center">
                  <div class="image">
                    <img class="img-responsive" src="http://bootswatch.com/cyborg/thumbnail.png" alt="Cyborg"/>
                  </div>
                  <div class="options">
                    <h3>Cyborg</h3>
                    <p>Jet black and electric blue</p>
                    <a class="btn btn-info" href="/website/theme_change">Apply</a>
                  </div>
                </div>  
              </div>
    
              <div class="span4">
                <div class="well text-center">
                  <div class="image">
                    <img class="img-responsive" src="http://bootswatch.com/journal/thumbnail.png" alt="Journal"/>
                  </div>
                  <div class="options">
                    <h3>Journal</h3>
                    <p>Crisp like a new sheet of paper</p>
                    <a class="btn btn-info" href="/website/theme_change">Apply</a>
                  </div>
                </div>
              </div>
    
              <div class="span4">  
                <div class="well text-center">
                  <div class="image">
                    <img class="img-responsive" src="http://bootswatch.com/readable/thumbnail.png" alt="Readable"/>
                  </div>
                  <div class="options">
                    <h3>Readable</h3>
                    <p>Optimized for legibility</p>
                    <a class="btn btn-info" href="/website/theme_change">Apply</a>
                  </div>
                </div>
              </div>
    
              <div class="span4">
                <div class="well text-center">
                  <div class="image">
                    <img class="img-responsive" src="http://bootswatch.com/simplex/thumbnail.png" alt="Simplex"/>
                  </div>
                  <div class="options">
                    <h3>Simplex</h3>
                    <p>Mini and minimalist</p>
                    <a class="btn btn-info" href="/website/theme_change">Apply</a>
                  </div>
                </div>
              </div>
    
            </div>
          </div>
        </t>
    </template>

<!--
     All Default Themes
-->

    <template id="website.theme_flatly" name="Flat Theme" inherit_option_id="website.theme">
        <xpath expr="//link[@id='bootstrap_css']" position="replace">
            <link rel='stylesheet' href='/website/static/lib/bootstrap/css/bootstrap-flatly.css' t-ignore="true"/>
        </xpath>
    </template>

</data>
</openerp>