Merge pull request #3904 from overleaf/ae-chat-contrast

Fix contrast of chat instructions message

GitOrigin-RevId: 7e5bd375d8bdbf6505a71edc4b1648e2639cd444

services/web/frontend/stylesheets/app/editor/chat.less

@@ -15,6 +15,7 @@
 
   .no-messages {
     padding: @line-height-computed / 2;
+    color: @chat-instructions-color;
   }
 
   .first-message {
@@ -22,6 +23,7 @@
     bottom: 0;
     width: 100%;
     padding: @line-height-computed / 2;
+    color: @chat-instructions-color;
   }
 
   .messages {

services/web/frontend/stylesheets/core/ol-light-variables.less

@@ -119,6 +119,7 @@
 
 // Chat
 @chat-bg: #fff;
+@chat-instructions-color: @ol-blue-gray-3;
 @chat-message-color: #fff;
 @chat-message-name-color: @ol-blue-gray-3;
 @chat-message-date-color: @ol-blue-gray-3;

services/web/frontend/stylesheets/core/variables.less

@@ -1049,6 +1049,7 @@
 
 // Chat
 @chat-bg: @ol-blue-gray-5;
+@chat-instructions-color: @ol-blue-gray-1;
 @chat-message-color: #fff;
 @chat-message-date-color: @ol-blue-gray-2;
 @chat-message-name-color: #fff;