From 87e74ca90d4c13758461f380b00ed83b5a287da9 Mon Sep 17 00:00:00 2001
From: marudor <marudor@marudor.de>
Date: Thu, 16 May 2019 15:22:47 +0200
Subject: Add color switcher to toolbar

---
 templates/layouts/default.html.ep | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

(limited to 'templates/layouts')

diff --git a/templates/layouts/default.html.ep b/templates/layouts/default.html.ep
index 40793e1..54f9e1f 100644
--- a/templates/layouts/default.html.ep
+++ b/templates/layouts/default.html.ep
@@ -19,19 +19,21 @@
 	<link rel="apple-touch-icon" sizes="167x167" href="/static/<%= $av %>/icons/icon-167x167.png">
 	<link rel="manifest" href="/static/<%= $av %>/manifest.json">
 	<script>
-			function addStyleSheet(path) {
-				var st = document.createElement('link');
-				st.href = path;
-				st.rel = 'stylesheet';
-				document.head.appendChild(st);
-		}
-
-		if (window.matchMedia('(prefers-color-scheme: dark').matches) {
-				addStyleSheet("/static/<%= $av %>/css/dark.min.css");
-		} else {
-				addStyleSheet("/static/<%= $av %>/css/light.min.css");
+			function addStyleSheet(name, id) {
+				var path = '/static/<%=$av%>/css/' + name + '.css';
+				var old = document.getElementById(id);
+				if (old) {
+					old.href = path;
+				} else {
+					var st = document.createElement('link');
+					st.id = id;
+					st.href = "/static/<%=$av%>/css/" + name + '.css';
+					st.rel = 'stylesheet';
+					document.head.appendChild(st);
+				}
 		}
 	</script>
+	%= javascript "/static/${av}/js/theme.min.js"
 	<noscript>
 	%= stylesheet "/static/${av}/css/light.min.css"
 	</noscript>
@@ -67,6 +69,9 @@
 						</div>
 					</div>
 				</li>
+				<li class="waves-effect waves-light">
+					<a onClick="javascript:toggleTheme()"><i class="material-icons">invert_colors</i></a>
+				</li>
 				% if (is_user_authenticated()) {
 					<li class="<%= navbar_class('/history') %>"><a href='/history' title="History"><i class="material-icons">history</i></a></li>
 					<li class="<%= navbar_class('/account') %>"><a href="/account" title="Account"><i class="material-icons">account_circle</i></a></li>
-- 
cgit v1.2.3