diff --git a/app/javascript/flavours/glitch/styles/components.scss b/app/javascript/flavours/glitch/styles/components.scss index 4e178f576a..713126b44f 100644 --- a/app/javascript/flavours/glitch/styles/components.scss +++ b/app/javascript/flavours/glitch/styles/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; } } diff --git a/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss b/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss index 4fccbe9867..021877d435 100644 --- a/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss +++ b/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss @@ -622,3 +622,9 @@ a.sparkline { .report-dialog-modal__textarea { background: darken($ui-base-color, 10%); } + +.autosuggest-account { + .display-name__account { + color: $dark-text-color; + } +}