From e080d7169498b92615b8be430648b1971d9da5d2 Mon Sep 17 00:00:00 2001
From: pat-s <patrick.schratz@gmail.com>
Date: Sat, 21 Dec 2024 13:16:29 +0100
Subject: [PATCH] adjust hover bg classes

---
 web/src/components/atomic/ListItem.vue      | 2 +-
 web/src/components/layout/scaffold/Tabs.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/atomic/ListItem.vue b/web/src/components/atomic/ListItem.vue
index 9f92c3153..f69805c01 100644
--- a/web/src/components/atomic/ListItem.vue
+++ b/web/src/components/atomic/ListItem.vue
@@ -2,7 +2,7 @@
   <component
     :is="to ? 'router-link' : clickable ? 'button' : 'div'"
     :to="to"
-    class="flex border-wp-background-400 bg-wp-background-200 dark:bg-wp-background-400 p-4 border rounded-md w-full overflow-hidden"
+    class="flex border-wp-background-400 bg-wp-background-100 dark:bg-wp-background-400 p-4 border rounded-md w-full overflow-hidden"
     :class="{
       'cursor-pointer hover:shadow-md hover:bg-wp-background-300 dark:hover:bg-wp-background-300': clickable || to,
     }"
diff --git a/web/src/components/layout/scaffold/Tabs.vue b/web/src/components/layout/scaffold/Tabs.vue
index 305573544..33a275a65 100644
--- a/web/src/components/layout/scaffold/Tabs.vue
+++ b/web/src/components/layout/scaffold/Tabs.vue
@@ -16,7 +16,7 @@
       />
       <Icon v-else name="blank" class="md:hidden" />
       <span
-        class="flex flex-row md:justify-center items-center gap-2 dark:hover:bg-wp-background-200 hover:bg-wp-background-300 px-2 py-1 rounded-md w-full min-w-20"
+        class="flex flex-row md:justify-center items-center gap-2 dark:hover:bg-wp-background-300 hover:bg-wp-background-300 px-2 py-1 rounded-md w-full min-w-20"
       >
         <Icon v-if="tab.icon" :name="tab.icon" :class="tab.iconClass" class="flex-shrink-0" />
         <span>{{ tab.title }}</span>