hugo-battheme/layouts/partials/footer.html

<footer class="colorswitch">
<span id="footer-left"></span>
<span id="footer-center">
<nav id="footer-nav" aria-label="navigation">
    {{ $currentPage := . }}
    {{ range .Site.Menus.nav }}
    <a class="footer-nav-item{{if or ($currentPage.IsMenuCurrent "nav" .) ($currentPage.HasMenuCurrent "nav" .) }} active{{end}} colorswitch" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
    {{ end }}
</nav>
</span>
<span id="footer-right">
        <input type="checkbox" id="darkmode-toggle" aria-label="darkmode toggle" class="toggleinput">
        <label class="togglelabel colorswitch" for="darkmode-toggle" aria-label="darkmode toggle" role="checkbox"></label>
</span>
</footer>
<script src="/js/darkmode.js"></script>