From caf0164f00a35f892a945fcec352d865f479b447 Mon Sep 17 00:00:00 2001
From: Michael Stanclift <mx@vmstan.com>
Date: Sat, 10 Aug 2024 04:11:34 -0500
Subject: [PATCH] Improve legibility of account/hashtag autosuggest (#31361)

---
 app/javascript/styles/mastodon-light/diff.scss |  6 ++++++
 app/javascript/styles/mastodon/components.scss | 13 ++++++++++---
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/app/javascript/styles/mastodon-light/diff.scss b/app/javascript/styles/mastodon-light/diff.scss
index 1f282605e..89d3caeab 100644
--- a/app/javascript/styles/mastodon-light/diff.scss
+++ b/app/javascript/styles/mastodon-light/diff.scss
@@ -559,3 +559,9 @@ a.sparkline {
 .report-dialog-modal__textarea {
   background: darken($ui-base-color, 10%);
 }
+
+.autosuggest-account {
+  .display-name__account {
+    color: $dark-text-color;
+  }
+}
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index fb615300b..d8bcf6301 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -426,10 +426,17 @@ body > [data-popper-placement] {
 
       &:hover,
       &:focus,
-      &:active,
+      &:active {
+        background: var(--dropdown-border-color);
+
+        .autosuggest-account .display-name__account {
+          color: inherit;
+        }
+      }
+
       &.selected {
         background: $ui-highlight-color;
-        color: $primary-text-color;
+        color: $ui-button-color;
 
         .autosuggest-account .display-name__account {
           color: inherit;
@@ -465,7 +472,7 @@ body > [data-popper-placement] {
     display: block;
     line-height: 16px;
     font-size: 12px;
-    color: $dark-text-color;
+    color: $ui-primary-color;
   }
 }