Themes
=========================
Här följer en beskrivning av mina olika teman på sidan.

###Default & Dark

<table>
  <tr>
    <td style="height: 25px; width: 25px; background-color: #2d3238"></td>
    <td style="height: 25px; width: 25px; background-color: #22252d"></td>
    <td style="height: 25px; width: 25px; background-color: #d19a66"></td>
    <td style="height: 25px; width: 25px; background-color: #98C379"></td>
  </tr>
</table>

Mitt Default och Dark tema är precis samma. Temat är inspirerat av den syntax highlighting som finns i Atom editorn. Jag personligen tycker att detta tema är behagligt och skönt för ögonen att titta på speciellt då jag jobbar mycket med sidan under natten/kvällen. Jag avskyr dessutom när det är aldeles för ljust runt mig när jag programmerar. Om det finns någon accentfärg i detta tema skulle jag nog påstå att det är den orangea färgen.

###Light

<table>
  <tr>
    <td style="height: 25px; width: 25px; background-color: #fff"></td>
    <td style="height: 25px; width: 25px; background-color: #2b2b2b"></td>
    <td style="height: 25px; width: 25px; background-color: #0000ff"></td>
  </tr>
</table>

Detta tema är samma som exempeltemat som man fick i början av kursen men med några små modifikationer då det var någon layout del eller någon färg som stack ut eller helt enkelt kändes fel. I detta tema skulle jag inte säga att det finns någon accentfärg.

###Color

<table>
  <tr>
    <td style="height: 25px; width: 25px; background-color: #fff"></td>
    <td style="height: 25px; width: 25px; background-color: #2b2b2b"></td>
    <td style="height: 25px; width: 25px; background-color: #3DCC3D"></td>
  </tr>
</table>

Samma som light men med en grön accentfärg för att få lite färg på sidan.

###Inverted

<table>
  <tr>
    <td style="height: 25px; width: 25px; background-color: #000"></td>
    <td style="height: 25px; width: 25px; background-color: #D4D4D4"></td>
    <td style="height: 25px; width: 25px; background-color: #5A5A3A"></td>
  </tr>
</table>

Helt motsatsen till Light temat. Alla färger har åkt genom en hexcolorinverter. Detta var tänkt som dark theme men jag tyckte det blev aldeles för fult så gjorde ett annat men sparade detta ändå fast med annat namn.

###Colorful

<table>
  <tr>
    <td style="height: 25px; width: 25px; background-color: #fff"></td>
    <td style="height: 25px; width: 25px; background-color: #42755A"></td>
    <td style="height: 25px; width: 25px; background-color: #CC9933"></td>
    <td style="height: 25px; width: 25px; background-color: #8D1DC2"></td>
  </tr>
</table>

Ett kanske inte helt så färgglatt tema som man skulle kunna tänka sig. Men det består av en trio med färger även om en av färgerna bara syns när previous och next knapparna är framme. Om man tog bort dessa knappar skulle temat bli snyggare och det finns kanske ett bättre sätt att implementera den färgen men såhär ser det ut nu.

###Typography

<table>
  <tr>
    <td style="height: 25px; width: 25px; background-color: #fff"></td>
    <td style="height: 25px; width: 25px; background-color: #2b2b2b"></td>
    <td style="height: 25px; width: 25px; background-color: #0000ff"></td>
  </tr>
</table>

Exakt samma som light temat men med en annan font och fontstorlek på rubrikerna.