summaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authormarudor <marudor@marudor.de>2019-05-16 15:22:47 +0200
committermarudor <marudor@marudor.de>2019-05-16 15:22:47 +0200
commit87e74ca90d4c13758461f380b00ed83b5a287da9 (patch)
tree545f0965a51987c9e61b3860f45a24b527bc1702 /templates
parent5c2388d3a2092505aff9f7b2e78e561c4db65385 (diff)
Add color switcher to toolbar
Diffstat (limited to 'templates')
-rw-r--r--templates/layouts/default.html.ep27
1 files changed, 16 insertions, 11 deletions
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>