New design

media/copy.js

@@ -1,12 +1,5 @@
 function copyToClipboard(button) {
     const text = button.getAttribute("data-text");
 
-    navigator.clipboard.writeText(text).then(function() {
-        const alertBox = document.createElement("span");
-        alertBox.className = "text-success ms-2";
-        alertBox.innerText = "Copied!";
-
-        button.parentElement.appendChild(alertBox);
-        setTimeout(() => alertBox.remove(), 2000);
-    }).catch(err => console.error('Copy failed:', err));
+    navigator.clipboard.writeText(text);
 }

media/header_functions.js

@@ -0,0 +1,24 @@
+window.addEventListener('DOMContentLoaded', () => {
+    const btn = document.getElementById('theme-button');
+    if (!btn) return;
+
+    const root = document.documentElement;
+
+    const applyTheme = (theme) => {
+        root.classList.remove('light', 'dark');
+        root.classList.add(theme);
+    };
+
+    btn.addEventListener('click', () => {
+        const current = root.classList.contains('dark') ? 'dark' : 'light';
+        const next = current === 'dark' ? 'light' : 'dark';
+
+        applyTheme(next);
+        localStorage.setItem('theme', next);
+    });
+});
+
+document.querySelector('.dropdown-trigger').addEventListener('click', function(e) {
+    e.preventDefault();
+    this.parentElement.querySelector('.dropdown-content').classList.toggle('show');
+});