Update static/style.css

static/style.css

@@ -22,23 +22,23 @@ body {
     word-wrap: break-word;
 }
 
-/* User messages align to the right */
-.user-message {
+/* My messages align to the right (blue) */
+.my-message {
     justify-content: flex-end;
 }
 
-.user-message .message-bubble {
+.my-message .message-bubble {
     background-color: #0d6efd; /* Bootstrap primary color */
     color: white;
     border-bottom-right-radius: 0.25rem;
 }
 
-/* Bot messages align to the left */
-.bot-message {
+/* Other users' messages align to the left (grey) */
+.other-message {
     justify-content: flex-start;
 }
 
-.bot-message .message-bubble {
+.other-message .message-bubble {
     background-color: #e9ecef; /* Bootstrap light grey */
     color: black;
     border-bottom-left-radius: 0.25rem;