From a2268ea275921df7c4fb33d58d232331b929633d Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Mon, 1 Jun 2026 14:23:05 +0200
Subject: [PATCH] adapt the color of the magnifying glass search icon to the
 color scheme

---
 src/features/search/components/Searchbar.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/features/search/components/Searchbar.vue b/src/features/search/components/Searchbar.vue
index 0591310..6f47c29 100644
--- a/src/features/search/components/Searchbar.vue
+++ b/src/features/search/components/Searchbar.vue
@@ -48,7 +48,7 @@ const submitSearch = function () {
                 required
                 />
                 <button type="submit" class="search-button">
-                    <Icon name="magnifying-glass" size="1.1em" />
+                    <Icon class="search-icon" name="magnifying-glass" size="1.1em" />
                 </button>
             </div>
         </form>
@@ -96,6 +96,10 @@ const submitSearch = function () {
     align-items: center;
 }
 
+.search-button .search-icon {
+    filter: invert(1);
+}
+
 .search-button:hover {
     background: var(--primary-color-l-1);
 }