hugo-toha/layouts/partials/navigators/theme-selector.html
2022-06-09 17:51:49 +08:00

12 lines
No EOL
723 B
HTML

<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.darkMode.default }}"></div>
<a class="nav-link dropdown-toggle" href="#" id="themeSelector" 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>