From 4f15f27fe162aa70a3406209eb319677b77a08a1 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 14 Feb 2024 22:04:31 +0100
Subject: [PATCH] fix(filters): use readable colors for dark and light mode

---
 frontend/src/components/project/partials/FilterInput.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/project/partials/FilterInput.vue b/frontend/src/components/project/partials/FilterInput.vue
index d58ad687e..207060e49 100644
--- a/frontend/src/components/project/partials/FilterInput.vue
+++ b/frontend/src/components/project/partials/FilterInput.vue
@@ -107,15 +107,15 @@ function escapeHtml(unsafe: string): string {
 <style lang="scss">
 .filter-input-highlight span {
 	&.filter-query__field {
-		color: #faf594;
+		color: var(--code-literal);
 	}
 
 	&.filter-query__operator {
-		color: hsla(var(--primary-h), var(--primary-s), 80%);
+		color: var(--code-keyword);
 	}
 
 	&.filter-query__join-operator {
-		color: hsla(var(--primary-h), var(--primary-s), 90%);
+		color: var(--code-section);
 	}
 }
 </style>