Add files via upload

2026-07-31 17:29:19 +02:00 · 2024-01-14 14:36:39 +01:00
parent 6f2d31626c
commit 5b37848e35
6 changed files with 817 additions and 0 deletions
@@ -0,0 +1,49 @@
+const themes = {
+  theme1: {
+    '--color-main': '#1d1838',
+    '--color-main-bright': '#8069fa',
+  },
+  theme2: {
+    '--color-main': '#381818',
+    '--color-main-bright': '#ff7070',
+  },
+  theme3: {
+    '--color-main': '#121c0c',
+    '--color-main-bright': '#a9ff70',
+  },
+  theme4: {
+    '--color-main': '#0c1c1b',
+    '--color-main-bright': '#68f7ee',
+  },
+  theme5: {
+    '--color-main': '#171106',
+    '--color-main-bright': '#f5b642',
+  }
+};
+
+
+function setTheme(themeName) {
+  const theme = themes[themeName];
+  if (theme) {
+    for (const [variable, value] of Object.entries(theme)) {
+      document.documentElement.style.setProperty(variable, value);
+    }
+  }
+}
+
+// Get the dropdown element
+const themeSelector = document.getElementById('theme-selector');
+
+const savedTheme = localStorage.getItem("theme");
+if(savedTheme) {
+  setTheme(savedTheme);
+  themeSelector.value = savedTheme;
+}
+
+// Listen for changes in the dropdown
+themeSelector.addEventListener('change', (event) => {
+  const selectedTheme = event.target.value;
+  setTheme(selectedTheme);
+  localStorage.setItem("theme", selectedTheme);
+
+});