Merge pull request #63 from sachbearbeiter/main

Adjustments for Kirby 5 dark mode

Author: sachbearbeiter

README.md

@@ -72,7 +72,7 @@ Or when using Kirby Query language
 
 If you want full control over your menu and want to customize the markup, you can copy the navigation.php and navigation_item.php files from the plugin's snippets directory to your /site/snippets directory, and customize them there.
 This is the recommended way of markup customization.
-For example, to add class="navigation-item navigation-item-X" to each link item, where X is the depth level of the given link, you can add the following line to your copy of navigation_item.php:
+For example, to add class="navigation-item navigation-item-X" to each link item, where X is the depth level of the given link, you can add the following line to your copy of navigation_item.php: 
 
 ```php
 $attributes['class']='navigation-item navigation-item-' . $depth;

composer.json

@@ -10,7 +10,7 @@
     "menu",
     "field"
   ],
-  "version": "5.0.3",
+  "version": "5.0.4",
   "license": "MIT",
   "homepage": "https://github.com/chrisbeluga/kirby-navigation",
   "authors": [
@@ -30,7 +30,7 @@
     {
       "name": "Immo Seebörger",
       "homepage": "https://diesachbearbeiter.de/"
-    }
+    }    
   ],
   "require": {
     "php": ">=8.1.0 <8.5.0",

index.css

@@ -490,10 +490,6 @@ export default {
 .navigation-field {
   .k-field-depth {
     text-align: right;
-
-    strong {
-      color: #000;
-    }
   }
 
   .k-field-header {
@@ -514,7 +510,6 @@ export default {
 
         .k-menu-title {
           opacity: 1;
-          color: #fff;
           width: 100%;
           display: block;
           margin-bottom: 8px;
@@ -610,7 +605,6 @@ export default {
     left: 26px;
     right: 0;
     bottom: 0;
-    background: #e6e6e6;
     transition: all 0.3s ease-in-out;
   }
 

index.js

@@ -109,7 +109,6 @@ export default {
       width: 100%;
       border-top: 0;
       display: flex;
-      background: #e6e6e6;
       border: 1px solid #ccc;
       flex-direction: column;
       margin-top: 5px;

src/Field.vue

@@ -22,7 +22,6 @@ export default {
 .k-form-input {
   width: 100%;
   display: flex;
-  background: #fff;
   position: relative;
   margin-bottom: 2px;