From b292b5f336eafa21e2ed38048f20d5cbe5f0ee3c Mon Sep 17 00:00:00 2001
From: onespaceman <onespaceman@users.noreply.github.com>
Date: Mon, 8 Apr 2024 15:06:39 -0400
Subject: [PATCH] fix completion colors (#843)

---
 web/styles/colors.scss | 17 +++++------------
 web/styles/theme.scss  |  4 ++--
 2 files changed, 7 insertions(+), 14 deletions(-)

diff --git a/web/styles/colors.scss b/web/styles/colors.scss
index d8712743..393961e1 100644
--- a/web/styles/colors.scss
+++ b/web/styles/colors.scss
@@ -145,21 +145,14 @@
 
   .cm-editor .cm-tooltip-autocomplete {
     background-color: var(--root-background-color);
+    color: var(--modal-color);
 
-    li {
-
-      .cm-completionLabel,
-      .cm-completionDetail {
-        color: var(--editor-completion-detail-color);
-      }
+    li .cm-completionDetail {
+      color: var(--editor-completion-detail-color);
     }
 
-    li[aria-selected] {
-
-      .cm-completionLabel,
-      .cm-completionDetail {
-        color: var(--editor-completion-detail-selected-color);
-      }
+    li[aria-selected] .cm-completionDetail {
+      color: var(--editor-completion-detail-selected-color);
     }
   }
 
diff --git a/web/styles/theme.scss b/web/styles/theme.scss
index 6b67b913..5fa0c979 100644
--- a/web/styles/theme.scss
+++ b/web/styles/theme.scss
@@ -53,7 +53,7 @@ html {
   --editor-panels-bottom-color: inherit;
   --editor-panels-bottom-background-color: #e1e1e1;
   --editor-panels-bottom-border-color: #cacaca;
-  --editor-completion-detail-color: #d2d2d2;
+  --editor-completion-detail-color: #555;
   --editor-completion-detail-selected-color: #d2d2d2;
   --editor-list-bullet-color: rgb(150, 150, 150);
   --editor-heading-color: #333;
@@ -170,7 +170,7 @@ html[data-theme="dark"] {
   --editor-panels-bottom-color: #fff;
   --editor-panels-bottom-background-color: #262626;
   --editor-panels-bottom-border-color: rgb(62, 62, 62);
-  --editor-completion-detail-color: #555;
+  --editor-completion-detail-color: #aaa;
   --editor-completion-detail-selected-color: #d2d2d2;
   --editor-list-bullet-color: rgb(150, 150, 150);
   --editor-heading-color: #d1d1d1;