FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added theme selector to the posts navbar.

Browse source
This commit is contained in:
donfiguerres 2022-06-03 18:34:03 +08:00
parent 2ccdb57c26
commit 45361fc63e
5 changed files with 6 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

5
layouts/_default/baseof.html
View file

@ -18,11 +18,6 @@
<div class="container-fluid bg-dimmed wrapper"> <div class="container-fluid bg-dimmed wrapper">
<!-- INITIALIZE DARK THEME -->
{{ if site.Params.darkTheme.enable }}
{{ partial "helpers/darkmode.html" }}
{{ end }}
<!----- ADD NAVBAR ---------------> <!----- ADD NAVBAR --------------->
{{ block "navbar" . }} {{ end }} {{ block "navbar" . }} {{ end }}

5
layouts/index.html
View file

@ -34,11 +34,6 @@
</head> </head>
<body data-spy="scroll" data-target="#top-navbar" data-offset="100"> <body data-spy="scroll" data-target="#top-navbar" data-offset="100">
<!-- INITIALIZE DARK THEME -->
{{ if site.Params.darkTheme.enable }}
{{ partial "helpers/darkmode.html" }}
{{ end }}
<!--- NAVBAR -------------------------> <!--- NAVBAR ------------------------->
{{- partial "navigators/navbar.html" . -}} {{- partial "navigators/navbar.html" . -}}

3
layouts/partials/helpers/darkmode.html
View file

@ -1,3 +0,0 @@
<!-- This is a 'hack' for initializing the color scheme selection. See /js/darkmode.js -->
<div id="themeInitialization" style="display: none;"
default-theme=" {{ site.Params.darkTheme.default }} "></div>

3
layouts/partials/navigators/navbar-2.html
View file

@ -47,6 +47,9 @@
{{ if .IsTranslated }} {{ if .IsTranslated }}
{{ partial "navigators/lang-selector-2.html" . }} {{ partial "navigators/lang-selector-2.html" . }}
{{ end }} {{ end }}
{{ if site.Params.darkTheme.enable }}
{{ partial "navigators/theme-selector.html" . }}
{{ end }}
</ul> </ul>
</div> </div>
</div> </div>

3
layouts/partials/navigators/theme-selector.html
View file

@ -1,4 +1,7 @@
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<!-- This is a 'hack' for initializing the color scheme selection. See /js/darkmode.js -->
<div id="themeInitialization" style="display: none;"
default-theme=" {{ site.Params.darkTheme.default }} "></div>
<a class="nav-link dropdown-toggle" href="#" id="themeSelector" role="button" <a class="nav-link dropdown-toggle" href="#" id="themeSelector" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Theme</a> data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Theme</a>
<div class="dropdown-menu" aria-labelledby="themeSelector"> <div class="dropdown-menu" aria-labelledby="themeSelector">