ThatGuyJack/nginx-proxy-manager
1
0
Fork 0
mirror of https://github.com/NginxProxyManager/nginx-proxy-manager.git synced 2025-08-03 07:53:39 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

add darkmode button

Browse Source 
Signed-off-by: Zoey <zoey@z0ey.de>
This commit is contained in:
Zoey
2023-05-01 15:13:50 +02:00
parent 9f53ae7593
commit b180244edf
6 changed files with 34 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/html/partials/header.ejs
View File

@@ -21,6 +21,27 @@
<meta name="msapplication-config" content="/images/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<link href="/css/main.css?v=<%= version %>" rel="stylesheet">
<script src="js/darkreader.js"></script>
<script>
function toggleDarkMode() {
if (DarkReader.isEnabled()) {
DarkReader.disable();
localStorage.setItem('darkMode', 'off');
} else {
DarkReader.enable();
localStorage.setItem('darkMode', 'on');
}
}
if (localStorage.getItem('darkMode') === 'on') {
DarkReader.enable();
} else if (localStorage.getItem('darkMode') === 'off') {
DarkReader.disable();
} else {
DarkReader.auto();
}
</script>
</head>
<body>

1
frontend/js/app/ui/footer/main.ejs
View File

@@ -3,6 +3,7 @@
<div class="row align-items-center">
<div class="col-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="#" onclick="toggleDarkMode()">Toggle Dark Mode</a></li>
<li class="list-inline-item"><a href="https://github.com/ZoeyVid/nginx-proxy-manager" target="_blank"><%- i18n('footer', 'fork-me') %></a></li>
</ul>
</div>