From 930d7ba028b1fdf87926257f2a3530fb9005277f Mon Sep 17 00:00:00 2001
From: Alasdair Smith <ali@alasdairsmith.co.uk>
Date: Wed, 14 Apr 2021 10:03:21 +0100
Subject: [PATCH] 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         | 2 ++
 services/web/frontend/stylesheets/core/ol-light-variables.less | 1 +
 services/web/frontend/stylesheets/core/variables.less          | 1 +
 3 files changed, 4 insertions(+)

diff --git a/services/web/frontend/stylesheets/app/editor/chat.less b/services/web/frontend/stylesheets/app/editor/chat.less
index bb6ff8f225..e98e0d1396 100644
--- a/services/web/frontend/stylesheets/app/editor/chat.less
+++ b/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 {
diff --git a/services/web/frontend/stylesheets/core/ol-light-variables.less b/services/web/frontend/stylesheets/core/ol-light-variables.less
index f427d762ef..d21e8e3d67 100644
--- a/services/web/frontend/stylesheets/core/ol-light-variables.less
+++ b/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;
diff --git a/services/web/frontend/stylesheets/core/variables.less b/services/web/frontend/stylesheets/core/variables.less
index 6731c30b67..a6a749a349 100644
--- a/services/web/frontend/stylesheets/core/variables.less
+++ b/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;