fix menu

prosopopee/themes/exposure/static/css/style.css

@@ -183,6 +183,10 @@ nav {
   line-height: 56px;
 }
 
+body.night nav {
+  background-color: #061F2F;;
+}
+
 nav .nav-wrapper {
   position: relative;
   height: 100%;
@@ -231,7 +235,7 @@ nav ul li > a.item-menu::before {
     margin-right: 22px;
     font-size: 18px;
     line-height: 1;
-    color: #ebebeb;
+    color: #cfcfcf;
 }
 
 .gallery-tag {

prosopopee/themes/exposure/templates/menu.html

@@ -2,18 +2,20 @@
   <div class="nav-wrapper">
     <ul>
       {% for line in settings.menu %}
-      {% set file_name, menu_name = line.items()[0] %}
+      {% set rowloop = loop %}
+      {% for file_name, menu_name in line.items() %}
       {% if file_name.startswith('http') %}
       {% set file_name = file_name %}
-      {% elif gallery %}
+      {% else %}
       {% set file_name = "../"+file_name %}
       {% endif %}
-      {% if loop.first %}
+      {% if rowloop.first %}
       <li><a href={{ file_name }} class=first-item-menu>{{ menu_name  }}</a></li>
       {% else %}
       <li><a href={{ file_name }} class=item-menu>{{ menu_name }}</a></li>
       {% endif %}
       {% endfor %}
+      {% endfor %}
     </ul>
   </div>
 </nav>

prosopopee/themes/exposure/templates/page.html

@@ -22,5 +22,23 @@
     </div>
   </a>
 </div>
+{% if settings.settings.night_mode %}
 <script type="text/javascript" src="../static/js/jquery-2.1.4.min.js" charset="utf-8"></script>
+<script type="text/javascript">
+if (localStorage.getItem("mode_night") == "true") {
+  $('body').addClass('night');
+  document.getElementById("toggle-box-checkbox").checked = true;
+}
+
+$('#toggle-box-checkbox').on('change', function(){
+  if(this.checked){
+      $('body').addClass('night');
+      localStorage.setItem("mode_night", true);
+    }else{
+        $('body').removeClass('night');
+        localStorage.setItem("mode_night", false);
+      }
+});
+</script>
+{% endif %}
 {% endblock %}