adyxax/www
1
0
Fork 0
Code Issues Pull requests Activity Actions

Fixed theme chooser not displayed upon first connection and some cleanup

Browse source
This commit is contained in:
Julien Dessaux 2023-01-28 23:21:42 +01:00
parent 9ab3804aec
commit 7ab6159c7f
Signed by: adyxax
GPG key ID: F92E51B86E07177E
3 changed files with 5 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

4
layouts/partials/nav.html
View file

@ -14,12 +14,12 @@
{{- end -}}
{{- $url := urls.Parse .URL -}}
{{- $baseurl := urls.Parse $.Site.Params.Baseurl -}}
<li class="nav-menu-margins-left-and-right{{if $active }} nav-menu-active{{end}}">
<li{{if $active }} class="nav-menu-active"{{end}}>
<a href="{{ with .Page }}{{ .RelPermalink }}{{ else }}{{ .URL | relLangURL }}{{ end }}"{{ if ne $url.Host $baseurl.Host }}target="_blank" {{ end }}>{{ .Name }}</a>
</li>
{{ end }}
<li>
<select id="themes" class="nav-menu-magin-left" onchange="setTheme()">
<select id="themes" onchange="setTheme()">
<option value="black-theme">Black</option>
<option value="dark-theme">Dark</option>
<option value="light-theme">Light</option>

6
layouts/partials/themeSwitcher.html
View file

@ -1,15 +1,15 @@
<script>
function setTheme() {
const themeName = document.getElementById('themes').value;
localStorage.setItem('theme', themeName);
document.documentElement.className = themeName;
localStorage.setItem('theme', themeName);
}
(function () { // Set the theme on page load
const elt = document.getElementById('themes');
elt.style.display = 'block';
const themeName = localStorage.getItem('theme');
if (themeName) {
document.documentElement.className = themeName;
const elt = document.getElementById('themes');
elt.style.display = "block";
elt.value = themeName;
}
})();