Unity-Lab-AI
diff --git a/‎index.html‎
Lines changed: 22 additions & 24 deletions b/‎index.html‎
Lines changed: 22 additions & 24 deletions
diff --git a/‎js/chat/chat-core.js‎
Lines changed: 13 additions & 9 deletions b/‎js/chat/chat-core.js‎
Lines changed: 13 additions & 9 deletions
@@ -63,9 +63,9 @@
     </script>
   </head>
   <body>
-    <div id="screensaver-container" class="screensaver hidden">
-      <img id="screensaver-image1" alt="Screensaver Image" style="opacity: 0;">
-      <img id="screensaver-image2" alt="Screensaver Image" style="opacity: 0;">
+    <div id="screensaver-container" class="screensaver hidden">
+      <img id="screensaver-image1" alt="Screensaver Image">
+      <img id="screensaver-image2" alt="Screensaver Image">
       <div id="screensaver-thumbnails-wrapper" class="screensaver-thumbnails-wrapper">
         <button id="screensaver-thumb-left" class="thumb-nav" aria-label="Scroll thumbnails left">&#9664;</button>
         <div id="screensaver-thumbnails" class="screensaver-thumbnails">
@@ -436,30 +436,28 @@ <h3 class="modal-title">Voice Settings</h3>
           <h3 class="modal-title">Voice Chat</h3>
           <button id="voice-chat-modal-close" class="close-btn" title="Close Voice Chat Window">×</button>
         </div>
-        <div class="modal-body">
-          <img id="voice-chat-image" src="" alt="Conversation Image" style="max-width: 100%; border-radius: 8px;">
-          <p>Listening to your voice... Speak naturally, and I'll respond after pauses.</p>
-        </div>
+        <div class="modal-body">
+          <img id="voice-chat-image" src="" alt="Conversation Image">
+          <p>Listening to your voice... Speak naturally, and I'll respond after pauses.</p>
+        </div>
       </div>
     </div>
     <script>
-      function copyToClipboard(text) {
-        navigator.clipboard.writeText(text).then(() => {
-          const popup = document.createElement("div");
-          popup.textContent = "Address copied. Thank you!";
-          popup.style.position = "fixed";
-          popup.style.bottom = "20px";
-          popup.style.left = "50%";
-          popup.style.transform = "translateX(-50%)";
-          popup.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
-          popup.style.color = "#fff";
-          popup.style.padding = "10px 20px";
-          popup.style.borderRadius = "5px";
-          popup.style.zIndex = "9999";
-          document.body.appendChild(popup);
-          setTimeout(() => {
-            popup.style.opacity = "0";
-            setTimeout(() => popup.remove(), 500);
+      function copyToClipboard(text) {
+        navigator.clipboard.writeText(text).then(() => {
+          const popup = document.createElement("div");
+          popup.textContent = "Address copied. Thank you!";
+          popup.className = "clipboard-popup";
+          const bodyStyles = getComputedStyle(document.body);
+          const bgMatch = bodyStyles.backgroundColor.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
+          popup.style.backgroundColor = bgMatch
+            ? `rgba(${bgMatch[1]}, ${bgMatch[2]}, ${bgMatch[3]}, 0.85)`
+            : bodyStyles.backgroundColor;
+          popup.style.color = bodyStyles.color;
+          document.body.appendChild(popup);
+          setTimeout(() => {
+            popup.style.opacity = "0";
+            setTimeout(() => popup.remove(), 500);
           }, 2000);
         }).catch((err) => {
           console.error("Failed to copy: ", err);
 
@@ -1016,15 +1016,19 @@ document.addEventListener("DOMContentLoaded", () => {
             toast.id = "toast-notification";
             toast.style.position = "fixed";
             toast.style.top = "5%";
-            toast.style.left = "50%";
-            toast.style.transform = "translateX(-50%)";
-            toast.style.backgroundColor = "rgba(0,0,0,0.7)";
-            toast.style.color = "#fff";
-            toast.style.padding = "10px 20px";
-            toast.style.borderRadius = "5px";
-            toast.style.zIndex = "9999";
-            toast.style.transition = "opacity 0.3s";
-            document.body.appendChild(toast);
+            toast.style.left = "50%";
+            toast.style.transform = "translateX(-50%)";
+            const bodyStyles = getComputedStyle(document.body);
+            const bgMatch = bodyStyles.backgroundColor.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
+            toast.style.backgroundColor = bgMatch
+                ? `rgba(${bgMatch[1]}, ${bgMatch[2]}, ${bgMatch[3]}, 0.7)`
+                : bodyStyles.backgroundColor;
+            toast.style.color = bodyStyles.color;
+            toast.style.padding = "10px 20px";
+            toast.style.borderRadius = "5px";
+            toast.style.zIndex = "9999";
+            toast.style.transition = "opacity 0.3s";
+            document.body.appendChild(toast);
         }
         toast.textContent = message;
         toast.style.opacity = "1";