Update index.html

index.html

@@ -5,14 +5,18 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>AnythingLLM Chatbot</title>
   
-  <!-- Optional: Custom CSS to Remove Margins and Ensure Fullscreen -->
+  <!-- Custom CSS -->
   <style>
+    /* Ensure the page takes up the full viewport */
     html, body {
       height: 100%;
       margin: 0;
       padding: 0;
+      background-color: #000; /* Black background */
       overflow: hidden; /* Prevent scrolling */
     }
+
+    /* Optional: Center the chatbot container if needed */
     #chatbot-container {
       height: 100%;
       width: 100%;
@@ -24,7 +28,7 @@
   <!-- Chatbot Container -->
   <div id="chatbot-container"></div>
 
-  <!-- Chatbot Embed Script -->
+  <!-- AnythingLLM Chatbot Embed Script -->
   <script
     data-embed-id="f873bd25-2eb1-4e69-9f13-114ca6585a5b"
     data-base-api-url="https://severian-anything.hf.space/api/embed"
@@ -32,19 +36,16 @@
     data-window-width="100vw"
     data-position="top-left"
     data-open-on-load="on"
-    data-chat-icon="chatBubble"
-    data-button-color="#4CAF50"
-    data-user-bg-color="#e0f7fa"
-    data-assistant-bg-color="#ffe0b2"
-    data-brand-image-url="https://yourdomain.com/logo.png"
-    data-greeting="Hello! How can I assist you today?"
-    data-support-email="[email protected]"
-    data-assistant-name="Support Bot"
-    data-assistant-icon="https://yourdomain.com/assistant-icon.png"
-    data-text-size="16px"
+    data-user-bg-color="#FFD700" <!-- Gold color for user chat bubbles -->
+    data-assistant-bg-color="#FFD700" <!-- Gold color for assistant chat bubbles -->
+    data-button-color="#FFD700" <!-- Gold color for chat button -->
+    data-chat-icon="chatBubble" <!-- Chat bubble icon -->
+    data-brand-image-url="https://cdn.pixabay.com/photo/2017/01/31/18/59/logo-2027801_960_720.png" <!-- Stock brand image -->
+    data-assistant-icon="https://cdn.pixabay.com/photo/2014/04/03/10/32/robot-310526_960_720.png" <!-- Stock assistant icon -->
+    data-greeting="Hello! How can I assist you today?" <!-- Greeting message -->
+    data-text-size="16px" <!-- Text size in chat -->
     src="https://severian-anything.hf.space/embed/anythingllm-chat-widget.min.js">
   </script>
-
   <!-- AnythingLLM (https://anythingllm.com) -->
 
 </body>