Update static/style.css

static/style.css

@@ -113,3 +113,43 @@ form#chatForm {
 .options div {
   padding: 0.5rem 0.75rem;
 }
+
+/* Add Aqua Variable */
+:root {
+    --aqua: #689d6a;
+}
+.dark {
+    --aqua: #8ec07c;
+}
+
+/* === Loader Dots Animation === */
+@keyframes bounce {
+  0%, 80%, 100% {
+    transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+
+.dot {
+  width: 8px;
+  height: 8px;
+  margin: 0 4px;
+  background-color: var(--aqua);
+  border-radius: 50%;
+  animation: bounce 1.4s infinite ease-in-out both;
+}
+
+.animation-delay-150 {
+  animation-delay: 0.15s;
+}
+
+.animation-delay-300 {
+  animation-delay: 0.3s;
+}
+
+/* Gruvbox Aqua background */
+.bg-aqua {
+  background-color: var(--aqua);
+}