From 681ecabdf685caa07ad555139f35f159e89be260 Mon Sep 17 00:00:00 2001
From: Daniel Friesel <derf@finalrewind.org>
Date: Thu, 16 May 2019 20:39:54 +0200
Subject: Provide light theme by default, avoid re-styling unless dark theme is
 active

This eliminates a large portion of main-thread work on page load
---
 templates/layouts/default.html.ep | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'templates/layouts')

diff --git a/templates/layouts/default.html.ep b/templates/layouts/default.html.ep
index 9f858df..fd21635 100644
--- a/templates/layouts/default.html.ep
+++ b/templates/layouts/default.html.ep
@@ -18,12 +18,15 @@
 	<link rel="apple-touch-icon" sizes="152x152" href="/static/<%= $av %>/icons/icon-152x152.png">
 	<link rel="apple-touch-icon" sizes="167x167" href="/static/<%= $av %>/icons/icon-167x167.png">
 	<link rel="manifest" href="/static/<%= $av %>/manifest.json">
+	%= stylesheet "/static/${av}/css/light.min.css", id => 'theme'
 	<script>
 			function addStyleSheet(name, id) {
 				var path = '/static/<%=$av%>/css/' + name + '.css';
 				var old = document.getElementById(id);
 				if (old) {
-					old.href = path;
+					if (old.href != path) {
+						old.href = path;
+					}
 				} else {
 					var st = document.createElement('link');
 					st.id = id;
@@ -48,9 +51,6 @@ function toggleTheme() {
     addStyleSheet(currentTheme, 'theme');
 }
 	</script>
-	<noscript>
-	%= stylesheet "/static/${av}/css/light.min.css"
-	</noscript>
 	%= stylesheet "/static/${av}/css/material-icons.css"
 	%= stylesheet "/static/${av}/css/local.css"
 	%= javascript "/static/${av}/js/jquery-3.4.1.min.js"
-- 
cgit v1.2.3