From 2fcff77a0db3762b7254a63feaedbea39ccb702e Mon Sep 17 00:00:00 2001
From: Dominik Polakovics <dominik.polakovics@cloonar.com>
Date: Tue, 22 Apr 2025 17:51:26 +0200
Subject: [PATCH] fix: remove color-brand

---
 .../Resources/Private/PageView/Partials/Navigation/Main.html  | 4 ++--
 packages/base/Resources/Public/Scss/base/_global.scss         | 1 +
 packages/base/Resources/Public/Scss/layouts/_home-page.scss   | 4 ++--
 tailwind.config.js                                            | 4 +---
 4 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/packages/base/Resources/Private/PageView/Partials/Navigation/Main.html b/packages/base/Resources/Private/PageView/Partials/Navigation/Main.html
index ba92c76..5031816 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-brand">
+                    <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">
                         {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-brand" href="{child.link}" target="{child.target}" title="{child.title}">
+                                    <a class="nav-link block text-sm text-primary hover:text-primary" href="{child.link}" target="{child.target}" title="{child.title}">
                                         {child.title}
                                     </a>
                                 </li>
diff --git a/packages/base/Resources/Public/Scss/base/_global.scss b/packages/base/Resources/Public/Scss/base/_global.scss
index 97df456..1d63c5c 100644
--- a/packages/base/Resources/Public/Scss/base/_global.scss
+++ b/packages/base/Resources/Public/Scss/base/_global.scss
@@ -1,5 +1,6 @@
 :root {
   --color-primary: #0B197D;
+  --color-primary-dark: #08145C;
 }
 
 body {
diff --git a/packages/base/Resources/Public/Scss/layouts/_home-page.scss b/packages/base/Resources/Public/Scss/layouts/_home-page.scss
index fb503df..e69e06d 100644
--- a/packages/base/Resources/Public/Scss/layouts/_home-page.scss
+++ b/packages/base/Resources/Public/Scss/layouts/_home-page.scss
@@ -28,7 +28,7 @@
 
             // Initial link colors and background for transparent header (desktop)
             #mainNav .nav-link {
-                @apply bg-white text-primary hover:text-brand px-3 py-1 rounded; // Add bg-white, padding, and rounded corners
+                @apply bg-white text-primary hover:text-primary px-3 py-1 rounded; // Add bg-white, padding, and rounded corners
             }
             // Ensure mobile toggle icon also uses primary color initially on desktop if visible (though usually hidden)
             #mainNav .nav-toggle-icon,
@@ -79,4 +79,4 @@ body:not(.backendlayout-home_page) {
             @apply pt-0; // Reset padding if needed
         }
     }
-}
\ No newline at end of file
+}
diff --git a/tailwind.config.js b/tailwind.config.js
index b8f8c45..c230175 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -39,9 +39,7 @@ const config = {
       // },
       colors: {
         primary: 'var(--color-primary)',
-        yellow: '#F5AE07',
-        'light-green': '#F4F6EC',
-        brand: '#6B8E23', // Added brand color for hover states from SCSS
+        'primary-dark': 'var(--color-primary-dark)',
       },
       backgroundImage: {
         'hero-gradient':