diff --git a/Packages/chrosey_materialize/templates/layout/footer.twig b/Packages/chrosey_materialize/templates/layout/footer.twig
index 68c1c6c..6efccfe 100644
--- a/Packages/chrosey_materialize/templates/layout/footer.twig
+++ b/Packages/chrosey_materialize/templates/layout/footer.twig
@@ -1,19 +1,19 @@
-<footer class="page-footer white">
-    <div class="{% if not config.theme_config.widescreen %} container{% endif %}">
-        <div class="row">
-            <div class="col l6 s12">
-
-            </div>
-            <div class="col l4 offset-12 s12">
-
-            </div>
-        </div>
-    </div>
-    <div class="footer-copyright">
-        <div class="{% if not config.theme_config.widescreen %} container{% endif %} black-text">
-            <span>&copy; 2013 - {{ now|date("Y") }} by chrosey</span>
-            <span class="hide-on-large-and-up center">&middot;&nbsp;</span>
-            <span class="right">powered by <a href="http://picocms.org/">picoCMS</a></span>
-        </div>
-    </div>
+<footer class="page-footer {{ config.theme_config.color }}">
+	<div class="{% if not config.theme_config.widescreen %} container{% endif %}">
+		<div class="row">
+			<div class="col l6 s12"></div>
+			<div class="col l4 offset-12 s12"></div>
+		</div>
+	</div>
+	<div class="footer-copyright">
+		<div class="{% if not config.theme_config.widescreen %} container{% endif %} black-text">
+			<span>&copy; 2013 -
+				{{ now|date("Y") }}
+				by chrosey</span>
+			<span class="hide-on-large-and-up center">&middot;&nbsp;</span>
+			<span class="right">powered by
+				<a href="http://picocms.org/">picoCMS</a>
+			</span>
+		</div>
+	</div>
 </footer>
diff --git a/Packages/chrosey_materialize/templates/layout/navigationBar.twig b/Packages/chrosey_materialize/templates/layout/navigationBar.twig
index f2bcbfd..ba718fd 100644
--- a/Packages/chrosey_materialize/templates/layout/navigationBar.twig
+++ b/Packages/chrosey_materialize/templates/layout/navigationBar.twig
@@ -1,77 +1,61 @@
-<nav class="white"
-     role="navigation">
-   <div class="nav-wrapper{% if not config.theme_config.widescreen %} container{% endif %}">
-      <a id="logo-container"
-         href="{{ "index"|link }}"
-         class="brand-logo">
-         <img src="{{ assets_url }}/logo.svg "
-              alt="Logo"
-              height="64"
-              width="64" />
-      </a>
-      <a data-target="slide-out"
-         class="sidenav-trigger"><i class="material-icons">menu</i></a>
-      {% block navigation %}
-      <ul class="right hide-on-med-and-down">
-         {% for page in pages("index") if not page.hidden %}
+<nav class="{{ config.theme_config.color }}" role="navigation">
+	<div class="nav-wrapper{% if not config.theme_config.widescreen %} container{% endif %}">
+		<a id="logo-container" href="{{ "index"|link }}" class="brand-logo">
+			<img src="{{ assets_url }}/logo.svg " alt="Logo" height="64" width="64"/>
+		</a>
+		<a data-target="slide-out" class="sidenav-trigger">
+			<i class="material-icons">menu</i>
+		</a>
+		{% block navigation %}
+			<ul class="right hide-on-med-and-down">
+				{% for page in pages("index") if not page.hidden %}
 
-         {% if pages(page.id) | length < 1 %}
-         <li>
-            <a class=""
-               href="{{ page.url }}"
-               tabindex="0">{{ page.title }}</a>
-         </li>
-         {% else %}
-         <li>
-            <a class="dropdown-trigger"
-               data-target="dropdown_{{ page.id }}"
-               tabindex="0">{{ page.title }}<i class="material-icons left">arrow_drop_down</i></a>
-            <ul class="dropdown-content"
-                id="dropdown_{{ page.id }}">
-               {% for subpage in pages(page.id) %}
-               <li>
-                  <a class=""
-                     href="{{ subpage.url }}"
-                     tabindex="0">{{ subpage.title }}</a>
-               </li>
-               {% endfor %}
-            </ul>
-            {% endif %}
-         </li>
-         {% endfor %}
-      </ul>
+					{% if pages(page.id) | length < 1 %}
+						<li>
+							<a class="" href="{{ page.url }}" tabindex="0">{{ page.title }}</a>
+						</li>
+					{% else %}
+						<li>
+							<a class="dropdown-trigger" data-target="dropdown_{{ page.id }}" tabindex="0">{{ page.title }}<i class="material-icons left">arrow_drop_down</i>
+							</a>
+							<ul class="dropdown-content" id="dropdown_{{ page.id }}">
+								{% for subpage in pages(page.id) %}
+									<li>
+										<a class="" href="{{ subpage.url }}" tabindex="0">{{ subpage.title }}</a>
+									</li>
+								{% endfor %}
+							</ul>
+						{% endif %}
+					</li>
+				{% endfor %}
+			</ul>
 
-      {% endblock %}
-   </div>
+		{% endblock %}
+	</div>
 </nav>
 
-<ul id="slide-out"
-    class="sidenav collapsible">
-   {% block sideNavigation %}
-   {% for page in pages("index") if not page.hidden %}
-   {% if pages(page.id) | length < 1 %}
-   <li>
-      <a class="waves-effect"
-         href="{{ page.url }}"
-         tabindex="0">{{ page.title }}</a>
-      {% else %}
-   <li>
-      <a class="collapsible-header waves-effect"
-         data-target="collapse_{{page.id}}">{{ page.title }}<i class="material-icons right">arrow_drop_down</i></a>
-      <div class="collapsible-body"
-           id="collapse_{{page.id}}">
-         <ul>
-            {% for subpage in pages(page.id) %}
-            <li>
-               <a class="waves-effect"
-                  href="{{ subpage.url }}">{{ subpage.title }}</a>
-            </li>
-            {% endfor %}
-         </ul>
-   </li>
-   {% endif %}
+<ul id="slide-out" class="sidenav collapsible">
+	{% block sideNavigation %}
+		{% for page in pages("index") if not page.hidden %}
+			{% if pages(page.id) | length < 1 %}
+				<li>
+					<a class="waves-effect" href="{{ page.url }}" tabindex="0">{{ page.title }}</a>
+				{% else %}
+					<li>
+						<a class="collapsible-header waves-effect" data-target="collapse_{{page.id}}">{{ page.title }}<i class="material-icons right">arrow_drop_down</i>
+						</a>
+						<div class="collapsible-body" id="collapse_{{page.id}}">
+							<ul>
+								{% for subpage in pages(page.id) %}
+									<li>
+										<a class="waves-effect" href="{{ subpage.url }}">{{ subpage.title }}</a>
+									</li>
+								{% endfor %}
+							</ul>
+						</li>
+					{% endif %}
 
-   </li>
-   {% endfor %}
-   {% endblock %}
-</ul>
+				</li>
+			{% endfor %}
+		{% endblock %}
+	</ul>
diff --git a/config/config.yml b/config/config.yml
index 1181c7c..944f126 100644
--- a/config/config.yml
+++ b/config/config.yml
@@ -18,13 +18,13 @@ themes_url:
   #     If this fails, override it here. Example: https://example.com/pico/themes/
 theme_config: # Additional theme-specific config
   widescreen: false # Default theme: Use more horizontal space (i.e. make the site container wider)
-  color: default
+  color: white
 twig_config: # Twig template engine config
   autoescape: html # Let Twig escape variables by default
   strict_variables: false # If set to true, Twig will bail out when unset variables are being used
   charset: utf-8 # The charset used by Twig templates
   debug: ~ # Enable Twig's debug mode
-  cache: false # Enable Twig template caching by specifying a path to a writable directory
+  cache: cache # Enable Twig template caching by specifying a path to a writable directory
   auto_reload: true # Recompile Twig templates whenever the source code changes
 
 ##