style: Adjust UI colors and button styling for consistency

Author: sanity

ui/assets/main.css

@@ -19,7 +19,7 @@ html, body {
 }
 .logo-container {
     padding: 1rem;
-    background-color: #ffffff;
+    background-color: #f8f9fa;
     text-align: left;
 }
 .logo {
@@ -385,6 +385,12 @@ button[type="submit"]:hover {
     animation: fadeIn 0.5s ease-in-out;
 }
 
+.welcome-message img {
+    background-color: #f8f9fa;
+    border-radius: 50%;
+    padding: 10px;
+}
+
 .welcome-message img {
     width: 120px;
     margin-bottom: 2rem;
@@ -409,6 +415,14 @@ button[type="submit"]:hover {
     gap: 10px;
     margin-top: 1rem;
 }
+
+.welcome-actions .button.is-info {
+    background-color: #0265e7;
+}
+
+.welcome-actions .button.is-info:hover {
+    background-color: #0255c7;
+}
 /* Connection status styles */
 .connection-status {
     position: fixed;

ui/src/components/conversation.rs

@@ -214,7 +214,7 @@ pub fn Conversation() -> Element {
                             // Add action buttons directly in the welcome screen
                             div { class: "welcome-actions",
                                 button {
-                                    class: "button is-primary mr-2",
+                                    class: "button is-info mr-2",
                                     onclick: move |_| {
                                         CREATE_ROOM_MODAL.write().show = true;
                                     },