From f123ce8f9c255171ef97759f86d430eda39bdfe6 Mon Sep 17 00:00:00 2001
From: woodser <13068859+woodser@users.noreply.github.com>
Date: Fri, 2 May 2025 09:18:08 -0400
Subject: [PATCH] add hover effect to main nav buttons in light mode

---
 desktop/src/main/java/haveno/desktop/haveno.css      | 10 ++++++----
 desktop/src/main/java/haveno/desktop/theme-dark.css  |  7 ++-----
 desktop/src/main/java/haveno/desktop/theme-light.css |  2 ++
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/desktop/src/main/java/haveno/desktop/haveno.css b/desktop/src/main/java/haveno/desktop/haveno.css
index 30b808af33..85041bf635 100644
--- a/desktop/src/main/java/haveno/desktop/haveno.css
+++ b/desktop/src/main/java/haveno/desktop/haveno.css
@@ -789,11 +789,13 @@ tree-table-view:focused {
     -fx-effect: dropshadow(gaussian, -bs-text-color-transparent, 4, 0, 0, 0, 2);
 }
 
-/**
-.nav-button:hover .text {
-    -fx-fill: -bs-rd-nav-hover-text;
+.top-navigation .nav-button:hover {
+    -fx-background-color: -bs-rd-nav-button-hover;
+}
+
+.nav-primary .nav-button:hover {
+    -fx-background-color: -bs-rd-nav-primary-button-hover;
 }
-*/
 
 .nav-button:selected .text {
     -fx-fill: -bs-rd-nav-selected;
diff --git a/desktop/src/main/java/haveno/desktop/theme-dark.css b/desktop/src/main/java/haveno/desktop/theme-dark.css
index f99c430423..988b4da8d3 100644
--- a/desktop/src/main/java/haveno/desktop/theme-dark.css
+++ b/desktop/src/main/java/haveno/desktop/theme-dark.css
@@ -74,7 +74,8 @@
     -bs-rd-nav-primary-background: black;
     -bs-rd-nav-selected: black;
     -bs-rd-nav-deselected: rgba(255, 255, 255, .65);
-    -bs-rd-nav-button-hover: rgba(255, 255, 255, 0.03);
+    -bs-rd-nav-button-hover: derive(-bs-rd-nav-background, 10%);
+    -bs-rd-nav-primary-button-hover: derive(-bs-rd-nav-primary-background, 10%);
     -bs-rd-nav-hover-text: black;
 
     -bs-content-pane-bg-top: #212121;
@@ -467,10 +468,6 @@
     -fx-effect: null;
 }
 
-.nav-button:hover {
-    -fx-background-color: -bs-rd-nav-button-hover;
-}
-
 .nav-primary .nav-button:selected {
     -fx-background-color: derive(white, -5%);
 }
diff --git a/desktop/src/main/java/haveno/desktop/theme-light.css b/desktop/src/main/java/haveno/desktop/theme-light.css
index ec1d1ee550..e3284643d4 100644
--- a/desktop/src/main/java/haveno/desktop/theme-light.css
+++ b/desktop/src/main/java/haveno/desktop/theme-light.css
@@ -44,6 +44,8 @@
     -bs-rd-nav-deselected: rgba(255, 255, 255, 0.75);
     -bs-rd-nav-background: #0c59bd;
     -bs-rd-nav-primary-background: #0b65da;
+    -bs-rd-nav-button-hover: derive(-bs-rd-nav-background, 10%);
+    -bs-rd-nav-primary-button-hover: derive(-bs-rd-nav-primary-background, 10%);
     -bs-rd-nav-primary-border: #0B65DA;
     -bs-rd-nav-border: #535353;
     -bs-rd-nav-border-color: rgba(255, 255, 255, 0.31);