.

content/includes/css.blade.php

@@ -15,6 +15,9 @@
     footer { color: {{$_footer_color}} ;
     }
 
+
+
+
     footer a, .breadcrumb a , .breadcrumb .breadcrumb-item { color: {{$_footer_link_color}};}
     footer a:hover,.breadcrumb a:hover { color: {{$_footer_secondary_link_color}};}
     h1,h2,h3,h4{color: {{$_title_color}}!important;}
@@ -29,8 +32,11 @@
     a, a:hover, a:active {color:{{$_primary_link_color}};}
 
 
+    .nav-link {
+        color: {{$_main_nav_color}};
+    }
     .navbar a:hover{
-        color: {{$_title_color}};
+        color: {{$_main_nav_hover_color}};
     }
 
     .navbar .nav-item:last-of-type{
@@ -38,7 +44,7 @@
     }
 
     .navbar-nav .nav-link.active{
-        color: {{$_title_color}};
+        color: {{$_main_nav_active_color}};
         font-weight: bold;
     }
 
@@ -98,6 +104,11 @@
     }
 
 
+    #main-menue{
+        background-color: {{$_menue_background_color}};
+        background-image: url('{{$_menue_background_image}}')
+    }
+
 
     .breadcrumb-item + .breadcrumb-item::before {
         color: inherit;

content/master.blade.php

@@ -80,7 +80,7 @@
     @else
         <div style="border-top: 8px solid {{$_primary_ci_color}};"></div>
     @endif
-    <nav class="navbar navbar-expand-lg py-3" style="background-color: {{$_menue_background_color}};" role="navigation">
+    <nav id="main-menue" class="navbar navbar-expand-lg py-3" role="navigation">
         <div class="container ">
             <a class="navbar-brand " href="{{url('/')}}">
                 <x-img src="{{$logo}}" alt="{{config('settings.name')}}" height="60px" sizes="220px" class="fw-bold" style="color: {{$_primary_ci_color}};" loading="eager" blur="off"/>

variable_groups.json

@@ -301,6 +301,27 @@
             "value": "#f6f5f4",
             "required": true
           },
+          {
+            "name": "Main Nav Link Color",
+            "id": "main_nav_color",
+            "type": "color",
+            "value": "#ccc",
+            "required": true
+          },
+          {
+            "name": "Main Nav Link hover Color",
+            "id": "main_nav_hover_color",
+            "type": "color",
+            "value": "#ccc",
+            "required": true
+          },
+          {
+            "name": "Main Nav Link active Color",
+            "id": "main_nav_active_color",
+            "type": "color",
+            "value": "#ccc",
+            "required": true
+          },
           {
             "name": "Primary Link Color",
             "type": "color",
@@ -337,6 +358,10 @@
             "value": "#f6f5f4",
             "required": true
           },
+          {
+            "name": "Menue Background Image",
+            "type": "image"
+          },
           {
             "name": "Footer Background Color",
             "type": "color",