---
title: Themes
permalink: /wiki/themes/
---

By default, this website uses `paper` theme, but you can change it to another [bootwatch theme](https://bootswatch.com/3/) by setting
`bootwatch` variable in `_config.yml` file.
(Don't forget to restart `Jekyll` if you are running locally because the configuration is not re-read upon change.)

<div class="row">

  <div class="col-lg-4 col-sm-6">
    <div class="thumbnail">
      <div class="image">
        <a href="#cerulean/"><img src="https://bootswatch.com/3/cerulean/thumbnail.png" class="img-responsive" alt="Cerulean"></a>
      </div>
      <div class="caption">
        <h3>Cerulean</h3>
        <p>A calm blue sky</p>
      </div>
    </div>
  </div>

  <div class="col-lg-4 col-sm-6">
    <div class="thumbnail">
      <div class="image">
        <a href="#cosmo/"><img class="img-responsive" src="https://bootswatch.com/3/cosmo/thumbnail.png" alt="Cosmo"></a>
      </div>
      <div class="caption">
        <h3>Cosmo</h3>
        <p>An ode to Metro</p>
      </div>
    </div>
  </div>

  <div class="col-lg-4 col-sm-6">
    <div class="thumbnail">
      <div class="image">
        <a href="#cyborg/"><img class="img-responsive" src="https://bootswatch.com/3/cyborg/thumbnail.png" alt="Cyborg"></a>
      </div>
      <div class="caption">
        <h3>Cyborg</h3>
        <p>Jet black and electric blue</p>


      </div>
    </div>
  </div>

  <div class="col-lg-4 col-sm-6">
    <div class="thumbnail">
      <div class="image">
        <a href="#darkly/"><img class="img-responsive" src="https://bootswatch.com/3/darkly/thumbnail.png" alt="Darkly"></a>
      </div>
      <div class="caption">
        <h3>Darkly</h3>
        <p>Flatly in night mode</p>


      </div>
    </div>
  </div>

  <div class="col-lg-4 col-sm-6">
    <div class="thumbnail">
      <div class="image">
        <a href="#flatly/"><img class="img-responsive" src="https://bootswatch.com/3/flatly/thumbnail.png" alt="Flatly"></a>
      </div>
      <div class="caption">
        <h3>Flatly</h3>
        <p>Flat and modern</p>


      </div>
    </div>
  </div>

  <div class="col-lg-4 col-sm-6">
    <div class="thumbnail">
      <div class="image">
        <a href="#journal/"><img class="img-responsive" src="https://bootswatch.com/3/journal/thumbnail.png" alt="Journal"></a>
      </div>
      <div class="caption">
        <h3>Journal</h3>
        <p>Crisp like a new sheet of paper</p>


      </div>
    </div>
  </div>

  <div class="col-lg-4 col-sm-6">
    <div class="thumbnail">
      <div class="image">
        <a href="#lumen/"><img src="https://bootswatch.com/3/lumen/thumbnail.png" class="img-responsive" alt="Lumen"></a>
      </div>
      <div class="caption">
        <h3>Lumen</h3>
        <p>Light and shadow</p>


      </div>
    </div>
  </div>

  <div class="col-lg-4 col-sm-6">
    <div class="thumbnail">
      <div class="image">
        <a href="#paper/"><img class="img-responsive" src="https://bootswatch.com/3/paper/thumbnail.png" alt="Paper"></a>
      </div>
      <div class="caption">
        <h3>Paper</h3>
        <p>Material is the metaphor</p>


      </div>
    </div>
  </div>

  <div class="col-lg-4 col-sm-6">
    <div class="thumbnail">
      <div class="image">
        <a href="#readable/"><img class="img-responsive" src="https://bootswatch.com/3/readable/thumbnail.png" alt="Readable"></a>
      </div>
      <div class="caption">
        <h3>Readable</h3>
        <p>Optimized for legibility</p>


      </div>
    </div>
  </div>

  <div class="col-lg-4 col-sm-6">
    <div class="thumbnail">
      <div class="image">
        <a href="#sandstone/"><img src="https://bootswatch.com/3/sandstone/thumbnail.png" class="img-responsive" alt="Sandstone"></a>
      </div>
      <div class="caption">
        <h3>Sandstone</h3>
        <p>A touch of warmth</p>


      </div>
    </div>
  </div>

  <div class="col-lg-4 col-sm-6">
    <div class="thumbnail">
      <div class="image">
        <a href="#simplex/"><img class="img-responsive" src="https://bootswatch.com/3/simplex/thumbnail.png" alt="Simplex"></a>
      </div>
      <div class="caption">
        <h3>Simplex</h3>
        <p>Mini and minimalist</p>


      </div>
    </div>
  </div>

  <div class="col-lg-4 col-sm-6">
    <div class="thumbnail">
      <div class="image">
        <a href="#slate/"><img class="img-responsive" src="https://bootswatch.com/3/slate/thumbnail.png" alt="Slate"></a>
      </div>
      <div class="caption">
        <h3>Slate</h3>
        <p>Shades of gunmetal gray</p>



      </div>
    </div>
  </div>

  <div class="col-lg-4 col-sm-6">
    <div class="thumbnail">
      <div class="image">
        <a href="#solar/"><img class="img-responsive" src="https://bootswatch.com/solar/thumbnail.png" alt="Solar"></a>
      </div>
      <div class="caption">
        <h3>Solar</h3>
        <p>A spin on Solarized</p>


      </div>
    </div>
  </div>

  <div class="col-lg-4 col-sm-6">
    <div class="thumbnail">
      <div class="image">
        <a href="#spacelab/"><img class="img-responsive" src="https://bootswatch.com/3/spacelab/thumbnail.png" alt="Spacelab"></a>
      </div>
      <div class="caption">
        <h3>Spacelab</h3>
        <p>Silvery and sleek</p>


      </div>
    </div>
  </div>

  <div class="col-lg-4 col-sm-6">
    <div class="thumbnail">
      <div class="image">
        <a href="#superhero/"><img class="img-responsive" src="https://bootswatch.com/3/superhero/thumbnail.png" alt="Superhero"></a>
      </div>
      <div class="caption">
        <h3>Superhero</h3>
        <p>The brave and the blue</p>


      </div>
    </div>
  </div>

  <div class="col-lg-4 col-sm-6">
    <div class="thumbnail">
      <div class="image">
        <a href="#united/"><img class="img-responsive" src="https://bootswatch.com/3/united/thumbnail.png" alt="United"></a>
      </div>
      <div class="caption">
        <h3>United</h3>
        <p>Ubuntu orange and unique font</p>


      </div>
    </div>
  </div>

  <div class="col-lg-4 col-sm-6">
    <div class="thumbnail">
      <div class="image">
        <a href="#yeti/"><img class="img-responsive" src="https://bootswatch.com/3/yeti/thumbnail.png" alt="Yeti"></a>
      </div>
      <div class="caption">
        <h3>Yeti</h3>
        <p>A friendly foundation</p>


      </div>
    </div>
  </div>


</div>
