Revamp the design and Mkdocs conf

docs/stylesheets/extra.css

@@ -1,4 +0,0 @@
-[data-md-color-scheme="slate"][data-md-color-primary="black"] {
-  --md-typeset-a-color: hsl(230.8, 39.9%, 68%);
-}
-

mkdocs.yml

@@ -1,3 +1,4 @@
+---
 site_name: benoit.jp.net
 copyright: <p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><span property="dct:title">benoit.jp.net</span> is marked with <a href="http://creativecommons.org/publicdomain/zero/1.0?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC0 1.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://benoit.jp.net/images/cc.svg"><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://benoit.jp.net/images/zero.svg"></a></p>
 repo_url: https://git.benoit.jp.net/benoit/mkdocs-benoit.jp.net
@@ -6,10 +7,24 @@ edit_uri: _edit/master/docs/
 
 theme:
   name: material
-  font: false
   palette:
-    scheme: slate
+    # Palette toggle for light mode
+    - media: "(prefers-color-scheme: light)"
       primary: black
+      accent: amber
+      scheme: default
+      toggle:
+        icon: material/brightness-7
+        name: Switch to dark mode
+    # Palette toggle for dark mode
+    - media: "(prefers-color-scheme: dark)"
+      primary: black
+      accent: amber
+      scheme: slate
+      toggle:
+        icon: material/brightness-4
+        name: Switch to light mode
+  font: false
   favicon: images/console-network.png
   icon:
     logo: material/console-network
@@ -17,14 +32,13 @@ theme:
   features:
     - navigation.tabs
     - navigation.sections
+    - navigation.tracking
     - toc.integrate
+    - content.action.edit
 
-extra_css:
-  - stylesheets/extra.css
 extra_javascript:
   - javascripts/tablesort.min.js
   - javascripts/tables.js
-  - javascripts/mermaid.min.js
 
 markdown_extensions:
   - toc:
@@ -40,18 +54,14 @@ markdown_extensions:
   - pymdownx.snippets
   - pymdownx.highlight
   - pymdownx.superfences:
-      # make exceptions to highlighting of code:
       custom_fences:
         - name: mermaid
           class: mermaid
-          format: !!python/name:mermaid2.fence_mermaid
+          format: !!python/name:pymdownx.superfences.fence_code_format
-
 
 plugins:
-  - git-revision-date
+  - git-revision-date-localized:
-  - mermaid2:
+      enable_creation_date: true
-      arguments:
-        theme: 'dark'
 
 extra:
   social:
@@ -60,7 +70,7 @@ extra:
       name: Mastodon
     - icon: material/git
       link: https://git.benoit.jp.net/benoit
-      name: Gitea
+      name: Forgejo
     - icon: material/github
       link: https://github.com/benoitjpnet
       name: Github