From 95c383d58ad5f3aae30aacb088a7e68f3399a7b7 Mon Sep 17 00:00:00 2001 From: Jakob Scheid Date: Sun, 10 May 2026 15:35:54 +0200 Subject: [PATCH] Apply CSS variables to the search bar --- src/features/search/components/Searchbar.vue | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/features/search/components/Searchbar.vue b/src/features/search/components/Searchbar.vue index 4017338..be24483 100644 --- a/src/features/search/components/Searchbar.vue +++ b/src/features/search/components/Searchbar.vue @@ -29,7 +29,7 @@ limitations under the License. --padding-left: calc(var(--content-height) + var(--padding)); display: flex; align-items: center; - border: 1.5px solid #ccc; + border: 1.5px solid var(--light-d-3); box-shadow: 0 0px 32px rgba(69, 98, 190, 0.25); border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding)); padding: var(--padding); @@ -52,13 +52,13 @@ limitations under the License. border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y)); border: none; padding: var(--submit-button-padding-y) 20px; - background: #4562BE; + background: var(--primary-color); color: white; cursor: pointer; white-space: nowrap; } .search-button:hover { - background: #374FA5; + background: var(--primary-color-l-1); } \ No newline at end of file