From 53f6062a8b591c9f82a9950cc73a9a37bba4a15e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 8 Jul 2025 10:25:09 +0200
Subject: [PATCH] fix: include hover state in adjusted topnav color

---
 .../Private/Assets/scss/components/_topnav.scss          | 9 ++++++++-
 .../ext/ep_theme/Resources/Private/Partials/Topnav.html  | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_topnav.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_topnav.scss
index 96e2d8d1..efd5fe36 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_topnav.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_topnav.scss
@@ -8,6 +8,13 @@
 
 .topnav__item {
     @apply flex items-center justify-center w-16 h-8 text-white hover:text-white focus:text-white hover:bg-ep-secondary;
-    @apply ser:hover:bg-ser-secondary;
+    @apply ser:hover:bg-ser-secondary ser:hover:text-white;
+    @apply sbw:hover:bg-sbw-secondary sbw:hover:text-white;
     @apply border-r border-white/50;
 }
+
+.topnav__item--active {
+    @apply bg-ep-secondary text-gray-900;
+    @apply sbw:bg-sbw-secondary sbw:text-white;
+    @apply ser:bg-ser-secondary ser:text-white;
+}
\ No newline at end of file
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html
index 5ef3a0aa..d2dbb46c 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html
@@ -29,7 +29,7 @@
                         <f:if condition="{settings.topNavPid}">
                             <div class="flex-1 flex items-center">
                                 <f:for each="{topnav}" as="menuitem">
-                                    <a class="topnav__item flex-grow{f:if(condition: menuitem.data.tx_eptheme_navitemclass, then: ' {menuitem.data.tx_eptheme_navitemclass}')}{f:if(condition: '{menuitem.active} || {menuitem.data.uid} == {settings.forceActiveTopnavUid}', then: ' bg-ep-secondary text-gray-900 sbw:bg-sbw-secondary sbw:text-white')}"
+                                    <a class="topnav__item flex-grow{f:if(condition: menuitem.data.tx_eptheme_navitemclass, then: ' {menuitem.data.tx_eptheme_navitemclass}')}{f:if(condition: '{menuitem.active} || {menuitem.data.uid} == {settings.forceActiveTopnavUid}', then: ' topnav__item--active')}"
                                        href="{menuitem.link}"{f:if(condition: '{menuitem.data.doktype} == 3', then: ' target="_blank"')}>
                                         {menuitem.title}
                                     </a>