From e9f086fc2293ca90000559f971ce53423df42267 Mon Sep 17 00:00:00 2001
From: Dominik Polakovics <dominik.polakovics@cloonar.com>
Date: Tue, 22 Apr 2025 23:23:31 +0200
Subject: [PATCH] fix: navigation coloring

---
 .../PageView/Partials/Navigation/Main.html     |  4 ++--
 .../Public/Scss/layouts/_home-page.scss        | 18 ------------------
 2 files changed, 2 insertions(+), 20 deletions(-)

diff --git a/packages/base/Resources/Private/PageView/Partials/Navigation/Main.html b/packages/base/Resources/Private/PageView/Partials/Navigation/Main.html
index d2a2bcf..beb3581 100644
--- a/packages/base/Resources/Private/PageView/Partials/Navigation/Main.html
+++ b/packages/base/Resources/Private/PageView/Partials/Navigation/Main.html
@@ -16,14 +16,14 @@
                    absolute top-full left-0 right-0 flex-col max-h-0 overflow-hidden bg-white transition-max-height duration-400 ease-in-out group-[.open]:max-h-[500px]" id="navLinks">
             <f:for each="{mainnavigation}" as="mainnavigationItem">
                 <li class="nav-item lg:mx-4 lg:my-0 lg:p-0 lg:border-0 mx-0 my-0 p-4 border-t border-black/10 first:border-t-0 {f:if(condition: mainnavigationItem.active, then:' active')}{f:if(condition: mainnavigationItem.children, then:' has-submenu')}">
-                    <a href="{mainnavigationItem.link}" target="{mainnavigationItem.target}" title="{mainnavigationItem.title}" class="nav-link block lg:inline-block no-underline text-primary font-bold uppercase tracking-[0.05em] text-sm transition-colors duration-300 hover:text-primary">
+                    <a href="{mainnavigationItem.link}" target="{mainnavigationItem.target}" title="{mainnavigationItem.title}" class="nav-link block lg:inline-block no-underline text-primary lg:text-white font-bold uppercase tracking-[0.05em] text-sm transition-colors duration-300 hover:text-primary lg:hover:text-white">
                         {mainnavigationItem.title}
                     </a>
                     <f:if condition="{mainnavigationItem.children}">
                         <ul class="sub-menu hidden lg:absolute lg:block lg:opacity-0 lg:invisible lg:group-hover:opacity-100 lg:group-hover:visible lg:bg-white lg:shadow-md lg:mt-2 lg:py-2 lg:rounded lg:border lg:border-gray-200">
                             <f:for each="{mainnavigationItem.children}" as="child">
                                 <li class="{f:if(condition: child.active, then:'active')} lg:px-4 lg:py-2 hover:bg-gray-100">
-                                    <a class="nav-link block text-sm text-primary hover:text-primary" href="{child.link}" target="{child.target}" title="{child.title}">
+                                    <a class="nav-link block text-sm text-primary lg:text-white hover:text-primary lg:hover:text-white" href="{child.link}" target="{child.target}" title="{child.title}">
                                         {child.title}
                                     </a>
                                 </li>
diff --git a/packages/base/Resources/Public/Scss/layouts/_home-page.scss b/packages/base/Resources/Public/Scss/layouts/_home-page.scss
index a612a54..495218c 100644
--- a/packages/base/Resources/Public/Scss/layouts/_home-page.scss
+++ b/packages/base/Resources/Public/Scss/layouts/_home-page.scss
@@ -55,23 +55,5 @@
 body:not(.backendlayout-home_page) {
     header {
         @apply bg-primary text-white; // Or your desired default background/text
-
-        #mainNav .nav-link {
-            @apply text-white hover:text-gray-200;
-        }
-        #mainNav .nav-toggle-icon,
-        #mainNav .nav-toggle-icon::before,
-        #mainNav .nav-toggle-icon::after {
-             @apply bg-white;
-        }
-        #mainNav .sub-menu .nav-link {
-             @apply text-gray-700 hover:text-black; // Assuming light dropdown background
-        }
-    }
-    // On non-home pages, main content doesn't need extra padding-top
-    @screen lg {
-        main {
-            @apply pt-0; // Reset padding if needed
-        }
     }
 }