jonny_bro/beatrun-courses-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: theme changer

Browse source
This commit is contained in:
Jonny_Bro (Nikita) 2025-02-24 20:20:01 +05:00
parent b7a0d74aed
commit c0dd997e52
No known key found for this signature in database
GPG key ID: A18808B38428F7C4
6 changed files with 30 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
components/navbar.html
View file

@ -53,11 +53,11 @@
</a>
</li>
<!-- <label class="cursor-pointer grid place-items-center">
<label class="cursor-pointer grid place-items-center">
<input id="themeSelector" type="checkbox" class="toggle bg-base-content row-start-1 col-start-1 col-span-2"/>
<svg class="col-start-2 row-start-1 stroke-base-100 fill-base-100" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
<svg class="col-start-1 row-start-1 stroke-base-100 fill-base-100" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.2 4.2l1.4 1.4M18.4 18.4l1.4 1.4M1 12h2M21 12h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4"/></svg>
</label> -->
</label>
<% if (user) { %>
<a class="btn btn-sm btn-primary hover:bg-red-700" href="/key"><%= user.personaname %></a>
@ -71,19 +71,18 @@
<% } %>
</ul>
<!-- <script>
<script>
const e = document.getElementById("themeSelector");
e.addEventListener("change", () => {
event.preventDefault();
const theme = localStorage.getItem("theme")
localStorage.getItem("theme") === "black" ? localStorage.setItem("theme", "nord") : localStorage.setItem("theme", "black");
theme === "nord" ? localStorage.setItem("theme", "black") : localStorage.setItem("theme", "nord");
document.documentElement.setAttribute("data-theme", localStorage.getItem("theme"));
})
});
if (localStorage.getItem("theme") === "black") document.getElementById("themeSelector").checked = "checked"
else document.getElementById("themeSelector").checked = null
</script> -->
if (localStorage.getItem("theme") === "black") document.getElementById("themeSelector").checked = "checked";
else document.getElementById("themeSelector").checked = null;
</script>
</nav>

3
views/admin.ejs
View file

@ -25,6 +25,9 @@
</style>
<script>
// Apply user's theme
document.documentElement.setAttribute("data-theme", localStorage.getItem("theme"));
function sendAction(args) {
const { action } = args;
const responseBox = document.getElementById("responseBox");

3
views/index.ejs
View file

@ -26,6 +26,9 @@
</style>
<script>
// Apply user's theme
document.documentElement.setAttribute("data-theme", localStorage.getItem("theme"));
function update() {
const page = document.getElementById("pageSelect");
const sort = document.getElementById("sortValue");

5
views/key.ejs
View file

@ -24,6 +24,11 @@
-ms-overflow-style: none;
}
</style>
<script>
// Apply user's theme
document.documentElement.setAttribute("data-theme", localStorage.getItem("theme"));
</script>
</head>
<body class="w-screen font-mono">

6
views/stats.ejs
View file

@ -24,10 +24,16 @@
-ms-overflow-style: none;
}
</style>
<script>
// Apply user's theme
document.documentElement.setAttribute("data-theme", localStorage.getItem("theme"));
</script>
</head>
<body class="w-screen font-mono">
<% include ../components/navbar.html %>
<div class="hero min-h-screen bg-base-200">
<div class="hero-content text-center">
<div class="text-center align-top w-full">

5
views/upload.ejs
View file

@ -24,6 +24,11 @@
-ms-overflow-style: none;
}
</style>
<script>
// Apply user's theme
document.documentElement.setAttribute("data-theme", localStorage.getItem("theme"));
</script>
</head>
<body class="w-screen font-mono">