From c1f10998484304cc8e9bd6ecad9ef191cdcaf2de Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Mon, 11 May 2026 18:41:25 +0200
Subject: [PATCH] Use CSS variables

---
 src/features/search/components/Searchbar.vue    | 2 +-
 src/features/search/views/SearchResultsView.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/features/search/components/Searchbar.vue b/src/features/search/components/Searchbar.vue
index 366c6b3..8955b17 100644
--- a/src/features/search/components/Searchbar.vue
+++ b/src/features/search/components/Searchbar.vue
@@ -78,7 +78,7 @@ const submitSearch = function () {
     border: none;
     padding: var(--submit-button-padding-y) 20px;
     background: var(--primary-color);
-    color: white;
+    color: var(--white);
     cursor: pointer;
     white-space: nowrap;
 }
diff --git a/src/features/search/views/SearchResultsView.vue b/src/features/search/views/SearchResultsView.vue
index b97736e..859f131 100644
--- a/src/features/search/views/SearchResultsView.vue
+++ b/src/features/search/views/SearchResultsView.vue
@@ -57,7 +57,7 @@ searchQueryModel.value = props.searchQuery;
     display: flex;
     justify-content: center;
     flex-direction: column;
-    outline: 1px solid #dadada;
+    outline: 1px solid var(--light-d-2);
 }
 
 @media (max-width: 48rem) {