diff --git a/src/main/resources/templates/pub/index.html b/src/main/resources/templates/pub/index.html
index 3d8e59d..4f34502 100644
--- a/src/main/resources/templates/pub/index.html
+++ b/src/main/resources/templates/pub/index.html
@@ -98,8 +98,16 @@
document.getElementById('name').hidden = true;
document.getElementById('room').hidden = true;
document.getElementById('results').hidden = false;
- document.getElementById('nameLabel').innerHTML = 'Name: ' + document.getElementById('name').value + '';
- document.getElementById('roomLabel').innerHTML = 'Room: ' + document.getElementById('room').value + '';
+ document.getElementById('nameLabel').innerHTML = '' + document.getElementById('name').value + '';
+ document.getElementById('roomLabel').innerHTML = '' + document.getElementById('room').value + '';
+ document.title = document.getElementById('name').value + ' - Dice-Tower';
+
+ if (localStorage.getItem(document.getElementById('name').value + "-theme")) {
+ document.getElementById('theme').value = localStorage.getItem(document.getElementById('name').value + "-theme")
+ }
+ if (localStorage.getItem(document.getElementById('name').value + "-themeColor")) {
+ document.getElementById('themeColor').setColor(localStorage.getItem(document.getElementById('name').value + "-themeColor"));
+ }
}
}
@@ -121,8 +129,8 @@
for (let i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function () {
- localStorage.setItem("theme", document.getElementById('theme').value)
- localStorage.setItem("themeColor", document.getElementById('themeColor').value)
+ localStorage.setItem(document.getElementById('name').value + "-theme", document.getElementById('theme').value)
+ localStorage.setItem(document.getElementById('name').value + "-themeColor", document.getElementById('themeColor').value)
const content = this.nextElementSibling;
if (content.style.display === "block") {
content.style.display = "none";
@@ -135,12 +143,6 @@
if (!localStorage.getItem("userId")) {
localStorage.setItem("userId", self.crypto.randomUUID());
}
- if (localStorage.getItem("theme")) {
- document.getElementById('theme').value = localStorage.getItem("theme")
- }
- if (localStorage.getItem("themeColor")) {
- document.getElementById('themeColor').setColor(localStorage.getItem("themeColor"));
- }
})