a little bit fix of mermaid graphs

docs/index.md

@@ -16,7 +16,7 @@ Hello :) It is my libraries docs place and I glad to welcome you here. I hope, t
 ## Dependencies graph:
 
 ```mermaid
-flowchart RL
+flowchart BT
     KSLog[<a href='https://github.com/InsanusMokrassar/kslog'>KSLog</a>]
     MicroUtils[<a href='https://github.com/InsanusMokrassar/MicroUtils'>MicroUtils</a>]
     TelegramBotAPI[<a href='https://github.com/InsanusMokrassar/ktgbotapi'>TelegramBotAPI</a>]

docs/navigation/index.md

@@ -11,7 +11,7 @@ important terms:
 Let's see the next sample:
 
 ```mermaid
-flowchart BT
+flowchart TB
 
     NodeN1(N1)
     NodeN2(N2)
@@ -25,11 +25,71 @@ flowchart BT
     class NodeN3 navigation-part;
 
     subgraph RootChain
+        direction TB
         NodeN1 --> NodeN2
         NodeN2 --> NodeN3
     end
+
     class RootChain navigation-resumed;
     class RootChain navigation-part;
+
+    NodeN4(N4)
+    NodeN5(N5)
+    NodeN6(N6)
+    
+    class NodeN4 navigation-paused;
+    class NodeN4 navigation-part;
+    class NodeN5 navigation-paused;
+    class NodeN5 navigation-part;
+    class NodeN6 navigation-paused;
+    class NodeN6 navigation-part;
+
+    subgraph N2Subchain
+        direction TB
+        NodeN4 --> NodeN5
+        NodeN5 --> NodeN6
+    end
+
+    class N2Subchain navigation-paused;
+    class N2Subchain navigation-part;
+    
+    NodeN2 --> N2Subchain
+
+    NodeN7(N7)
+    NodeN8(N8)
+    
+    class NodeN7 navigation-paused;
+    class NodeN7 navigation-part;
+    class NodeN8 navigation-resumed;
+    class NodeN8 navigation-part;
+
+    subgraph N3Subchain
+        direction TB
+        NodeN7 --> NodeN8
+    end
+
+    class N3Subchain navigation-resumed;
+    class N3Subchain navigation-part;
+    
+    NodeN3 --> N3Subchain
+
+    NodeN9(N9)
+    NodeN10(N10)
+    
+    class NodeN9 navigation-paused;
+    class NodeN9 navigation-part;
+    class NodeN10 navigation-resumed;
+    class NodeN10 navigation-part;
+
+    subgraph N3Subchain2
+        direction TB
+        NodeN9 --> NodeN10
+    end
+
+    class N3Subchain2 navigation-resumed;
+    class N3Subchain2 navigation-part;
+    
+    NodeN3 --> N3Subchain2
 ```
 
 Any hierarchy starts with some root chain.

docs/resources/js/mermaid_dark_light_switcher.js

@@ -0,0 +1,10 @@
+var paletteSwitcher1 = document.getElementById("__palette_1");
+var paletteSwitcher2 = document.getElementById("__palette_2");
+
+paletteSwitcher1.addEventListener("change", function () {
+    location.reload();
+});
+
+paletteSwitcher2.addEventListener("change", function () {
+    location.reload();
+});

docs/resources/stylesheets/navigation.css

@@ -3,11 +3,11 @@
 }
 
 .navigation-paused > rect {
-    fill: #FFFF00AA !important;
-    color: black !important;
+    fill: #b2b200 !important;
+    color: white !important;
 }
 
 .navigation-resumed > rect {
-    fill: #00FF0022 !important;
+    fill: seagreen !important;
     color: white !important;
 }