From d7b982ec9a30be1357a8cb697810ff070be269f6 Mon Sep 17 00:00:00 2001
From: Matthias Metelka <62722460+kleinerpirat@users.noreply.github.com>
Date: Mon, 3 Oct 2022 05:25:55 +0200
Subject: [PATCH] Fix selected tags not being highlighted (#2104)

* Give selected AutocompleteItem primary button style

* Fix formatting
---
 ts/tag-editor/AutocompleteItem.svelte | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/ts/tag-editor/AutocompleteItem.svelte b/ts/tag-editor/AutocompleteItem.svelte
index 1dde5599e..3e9bf5982 100644
--- a/ts/tag-editor/AutocompleteItem.svelte
+++ b/ts/tag-editor/AutocompleteItem.svelte
@@ -3,8 +3,6 @@ Copyright: Ankitects Pty Ltd and contributors
 License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 -->
 <script lang="ts">
-    import { pageTheme } from "../sveltelib/theme";
-
     export let selected = false;
     export let active = false;
 
@@ -23,9 +21,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 <button
     bind:this={buttonRef}
     tabindex="-1"
-    class="autocomplete-item btn"
-    class:btn-day={!$pageTheme.isDark}
-    class:btn-night={$pageTheme.isDark}
+    class="autocomplete-item"
     class:selected
     class:active
     on:mousedown|preventDefault
@@ -41,14 +37,20 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     @use "sass/button-mixins" as button;
 
     .autocomplete-item {
+        @include button.base($with-disabled: false, $active-class: active);
         padding: 1px 7px 2px;
 
         text-align: start;
         white-space: nowrap;
         flex-grow: 1;
         border-radius: 0;
-    }
-    button {
-        @include button.base($with-disabled: false, $active-class: active);
+
+        &.selected {
+            @include button.base(
+                $primary: true,
+                $with-disabled: false,
+                $active-class: active
+            );
+        }
     }
 </style>