Add new material theme features

docs/stylesheets/extra.css

@@ -0,0 +1,28 @@
+.md-nav__list {
+    margin: 0;
+    padding: 0;
+        padding-top: 0px;
+        padding-right: 0px;
+        padding-bottom: 0px;
+        padding-left: 0px;
+    list-style: none;
+    padding-left: 7px;
+}
+
+.md-nav__item--section > .md-nav > .md-nav__title {
+    display: block;
+    padding: 0;
+        padding-top: 0px;
+    pointer-events: none;
+    scroll-snap-align: start;
+    padding-top: 10px;
+}
+
+.md-nav__item .md-nav__link--active {
+    color: var(--md-typeset-a-color);
+    background-color: var(--md-code-bg-color);
+}
+
+.md-nav__item .md-nav__link--active::before {
+    /* content: ">"; */
+}

mkdocs.yml

@@ -1,5 +1,4 @@
 site_name: RAPIDS
-# theme: 'material'
 markdown_extensions:
     - toc:
         permalink: True
@@ -31,11 +30,12 @@ markdown_extensions:
     - pymdownx.tilde
     - attr_list
     - pymdownx.keys
-site_favicon: material/air-filter
 extra:
   social:
     - icon: fontawesome/brands/twitter
       link: 'https://twitter.com/julio_ui'
+  version:
+    method: mike
 extra_javascript:
   - javascripts/config.js
   - https://polyfill.io/v3/polyfill.min.js?features=es6
@@ -46,13 +46,27 @@ repo_url: 'https://github.com/carissalow/rapids'
 copyright: 'Released under AGPL'
 theme:
   name: material
-  palette:
-    primary: blue
   icon:
     logo: material/air-filter
+  palette:
+    - scheme: default
+      primary: blue
+      accent: blue
+      toggle:
+        icon: material/toggle-switch
+        name: Switch to light mode
+    - scheme: slate
+      primary: blue
+      accent: blue
+      toggle:
+        icon: material/toggle-switch-off-outline
+        name: Switch to dark mode
   features:
     - navigation.sections
-    
+    - search.suggest
+    - search.highlight
+extra_css:
+    - stylesheets/extra.css
 nav:
   - Home: 'index.md'
   - Setup:
@@ -86,6 +100,7 @@ nav:
     - Documentation: developers/documentation.md
     - Testing: developers/testing.md
     - Test cases: developers/test-cases.md
+  - Others:
     - Frequently Asked Questions: faq.md
     - Team: team.md
     - Citation: citation.md