updated design - nav-menu, index

Signed-off-by: bidi <bidi@apidemia.com>

Author: bidi47

css/docs.css

@@ -398,6 +398,35 @@ span.subnavigation__headline {
     margin-top: 10px;
 }
 
+.subnavigation__list-item > a[data-bs-toggle="collapse"] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    text-decoration: none;
+}
+
+.subnavigation__list-item > a[data-bs-toggle="collapse"]::after {
+    content: "\f285";
+    font-family: bootstrap-icons;
+    font-size: 10px;
+    margin-top: 10px;
+    color: var(--dk-muted-3);
+    transition: transform .15s ease;
+}
+
+.subnavigation__list-item > a[data-bs-toggle="collapse"][aria-expanded="true"]::after {
+    transform: rotate(90deg);
+}
+
+.subnavigation__list-item > a[data-bs-toggle="collapse"] .subnavigation__headline {
+    color: var(--dk-muted-3);
+}
+
+.subnavigation__list-item > a[data-bs-toggle="collapse"]:hover .subnavigation__headline,
+.subnavigation__list-item > a[data-bs-toggle="collapse"]:hover::after {
+    color: var(--dk-blue);
+}
+
 .subnavigation__link:hover {
     background-color: var(--dk-panel);
     color: var(--dk-blue-dark);

index.html

@@ -28,6 +28,17 @@
     <script src="https://docs.dotkernel.org/js/bootstrap.js" defer></script>
     <script src="https://docs.dotkernel.org/js/docs.js" defer></script>
     <script src="https://docs.dotkernel.org/js/scripts.js" defer></script>
+    <style>
+        /* Inline code, GitHub style (same as docs pages) */
+        .dk-home-main :not(pre) > code {
+            background-color: #818b981f;
+            border-radius: 6px;
+            color: var(--dk-blue-dark);
+            font-size: 70%;
+            padding: .2em;
+            white-space: break-spaces;
+        }
+    </style>
 </head>
 
 <body>