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

Initial commit for dark theme.

Browse source
This commit is contained in:
donfiguerres 2021-05-25 03:08:15 +08:00
parent ac28e9824e
commit c8f28d4287
4 changed files with 69 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

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

10
layouts/partials/navigators/theme-selector.html Normal file
View file

@ -0,0 +1,10 @@
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="themeSelector"
default-theme=" {{ site.Params.darkTheme.default }} " role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Theme</a>
<div class="dropdown-menu" aria-labelledby="themeSelector">
<a class="dropdown-item nav-link" href="#" onclick="enableLightTheme()">Light</a>
<a class="dropdown-item nav-link" href="#" onclick="enableDarkTheme()">Dark</a>
<a class="dropdown-item nav-link" href="#" onclick="useSystemTheme()">System</a>
</div>
</li>

3
layouts/partials/scripts.html
View file

@ -5,3 +5,6 @@
<script type="text/javascript" src="{{ "/js/navbar.js" | relURL }}"></script>
<script type="text/javascript" src="{{ "/js/plyr.js" | relURL }}"></script>
<script type="text/javascript" src="{{ "/js/main.js" | relURL }}"></script>
<script type="text/javascript" src="{{ "/js/node_modules/darkreader/darkreader.js" | relURL }}"></script>
<script type="text/javascript" src="{{ "/js/darkmode.js" | relURL }}"></script>