diff --git a/src/app.scss b/src/app.scss index e9221b6..035cb29 100644 --- a/src/app.scss +++ b/src/app.scss @@ -266,21 +266,27 @@ $modal-background-background-color-dark: rgba($dark, 0.86) !default; // remove t [data-svelte-typeahead] { display: flex; - - ul.svelte-typeahead-list { - max-height: 60vh; - overflow: auto; - - > li { - padding: 0; - &:not(:last-of-type) { - border-bottom: 0 none; - } - } - } + background-color: transparent !important; &[aria-expanded="true"] { z-index: 3; + + ul.svelte-typeahead-list { + @extend .dropdown-content; + max-height: 60vh; + overflow: auto; + + > li { + padding: 0; + border-bottom: 0 none; + + &.selected { + @media (prefers-color-scheme: dark) { + background-color: #2a2a2a; + } + } + } + } } [data-svelte-search] {