From cc47299f62ce40c291edf5982a65e3cf52a4faaf Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Wed, 10 May 2023 12:59:49 +0100
Subject: [PATCH] Merge pull request #13033 from
 overleaf/ae-autocomplete-description

[cm6] Style the completion info to match the autocomplete tooltip

GitOrigin-RevId: d1a4db49fb0fff93e2004521ba8837131d321550
---
 .../source-editor/extensions/auto-complete.ts | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/services/web/frontend/js/features/source-editor/extensions/auto-complete.ts b/services/web/frontend/js/features/source-editor/extensions/auto-complete.ts
index 7d53a0a484..ea4b40cd18 100644
--- a/services/web/frontend/js/features/source-editor/extensions/auto-complete.ts
+++ b/services/web/frontend/js/features/source-editor/extensions/auto-complete.ts
@@ -77,18 +77,20 @@ const autocompleteTheme = EditorView.baseTheme({
     // shift the tooltip, so the completion aligns with the text
     marginLeft: '-4px',
   },
-  '&light .cm-tooltip.cm-tooltip-autocomplete': {
-    border: '1px lightgray solid',
-    background: '#fefefe',
-    color: '#111',
-    boxShadow: '2px 3px 5px rgb(0 0 0 / 20%)',
-  },
-  '&dark .cm-tooltip.cm-tooltip-autocomplete': {
-    border: '1px #484747 solid',
-    boxShadow: '2px 3px 5px rgba(0, 0, 0, 0.51)',
-    background: '#25282c',
-    color: '#c1c1c1',
-  },
+  '&light .cm-tooltip.cm-tooltip-autocomplete, &light .cm-tooltip.cm-completionInfo':
+    {
+      border: '1px lightgray solid',
+      background: '#fefefe',
+      color: '#111',
+      boxShadow: '2px 3px 5px rgb(0 0 0 / 20%)',
+    },
+  '&dark .cm-tooltip.cm-tooltip-autocomplete, &dark .cm-tooltip.cm-completionInfo':
+    {
+      border: '1px #484747 solid',
+      boxShadow: '2px 3px 5px rgba(0, 0, 0, 0.51)',
+      background: '#25282c',
+      color: '#c1c1c1',
+    },
 
   // match editor font family and font size, so the completion aligns with the text
   '.cm-tooltip.cm-tooltip-autocomplete > ul': {