diff --git a/app/javascript/styles/mastodon-light/diff.scss b/app/javascript/styles/mastodon-light/diff.scss index 1f282605ed..89d3caeab5 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 fb615300b1..d8bcf6301c 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; } }