javier/Stirling-PDF
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

darkmode test (weirdly slow not sure if PC)

Browse Source
This commit is contained in:
Anthony Stirling
2023-04-21 17:50:59 +01:00
parent d98473f5e3
commit f5ceede3cd
8 changed files with 46 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/main/resources/templates/fragments/navbar.html
View File

@@ -107,6 +107,11 @@ function compareVersions(version1, version2) {
background-color: #ccc; /* Adjust the color as needed */
}
#dark-mode-icon {
width: 20px;
height: 20px;
}
</style>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
@@ -268,8 +273,11 @@ function compareVersions(version1, version2) {
</ul>
<ul class="navbar-nav ml-auto flex-nowrap">
<input type="checkbox" id="toggle-dark-mode" checked="true" th:onclick="javascript:toggleDarkMode()">
<label class="nav-link mb-0" href="#" for="toggle-dark-mode" th:text="#{navbar.darkmode}"></label>
<li class="nav-item">
<a class="nav-link" id="dark-mode-toggle" href="#">
<img id="dark-mode-icon" src="moon.svg" alt="Toggle Dark Mode" />
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="languageDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">