diff options
| author | Daniel Friesel <derf@finalrewind.org> | 2019-05-16 20:39:54 +0200 |
|---|---|---|
| committer | Daniel Friesel <derf@finalrewind.org> | 2019-05-16 20:39:54 +0200 |
| commit | 681ecabdf685caa07ad555139f35f159e89be260 (patch) | |
| tree | 3f4622472668918103e003cc687cf140e95a409d | |
| parent | 6457ef2f9d42475cf5794a6a6a697dae2db47ede (diff) | |
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
| -rw-r--r-- | templates/layouts/default.html.ep | 8 |
1 files changed, 4 insertions, 4 deletions
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" |