From 87cd27541c6cd0d89ece98fcc6ad0e4fd763a6ef Mon Sep 17 00:00:00 2001
From: silberengel <silberengel7@protonmail.com>
Date: Sun, 7 Dec 2025 08:21:43 +0100
Subject: [PATCH] change base-hover color for light-mode buttons to something
 more subtle

---
 src/app.css | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/src/app.css b/src/app.css
index 538ac07..dec432d 100644
--- a/src/app.css
+++ b/src/app.css
@@ -225,6 +225,39 @@
     @apply text-gray-900 dark:text-gray-100;
   }
 
+  /* Override Flowbite button hover in light mode - make it subtle like nav bar */
+  /* Target all buttons in light mode */
+  button:hover {
+    background-color: var(--color-primary-100) !important;
+  }
+
+  /* Override outline buttons specifically */
+  button[class*="outline"]:hover {
+    background-color: var(--color-primary-100) !important;
+    border-color: var(--color-primary-200) !important;
+    color: var(--color-primary-800) !important;
+  }
+
+  /* Override btn-leather buttons */
+  button.btn-leather:hover {
+    background-color: var(--color-primary-100) !important;
+  }
+
+  /* Dark mode overrides */
+  .dark button:hover {
+    background-color: var(--color-primary-800) !important;
+  }
+
+  .dark button[class*="outline"]:hover {
+    background-color: var(--color-primary-800) !important;
+    border-color: var(--color-primary-600) !important;
+    color: var(--color-primary-100) !important;
+  }
+
+  .dark button.btn-leather:hover {
+    background-color: var(--color-primary-800) !important;
+  }
+
   .btn-leather.text-xs {
     @apply px-2 py-1;
   }