Fix doc search

docs/src/html/header.html

@@ -129,7 +129,7 @@
     </div>
 
     <!-- Button to open search modal -->
-    {% if "search" in config["plugins"] %}
+    {% if "material/search" in config.plugins %}
       <label class="md-header__button md-icon" for="__search">
         {% include ".icons/material/magnify.svg" %}
       </label>

docs/src/mkdocs.yml

@@ -24,6 +24,9 @@ theme:
     - navigation.top
     - navigation.instant
     - content.tabs.link
+    - search.share
+    - search.highlight
+    - search.suggest
   pymdownx:
     sponsor: "https://github.com/sponsors/facelessuser"
 
@@ -172,7 +175,7 @@ extra_javascript:
   - assets/pymdownx-extras/extra-loader.js
 
 plugins:
-  - search
+  - search:
   - git-revision-date-localized:
       fallback_to_build_date: true
   - minify:

docs/src/scss/_material.scss

@@ -115,7 +115,7 @@ html {
     background-color: var(--md-accent-bg-color--light);
 
     &:hover {
-      background-color: var(--md-default-bg-color);
+      background-color: var(--md-default-bg-color--light);
     }
 
     ~ .md-search__icon {
@@ -126,6 +126,14 @@ html {
     }
   }
 
+  [data-md-toggle=search]:checked~.md-header .md-search__input {
+    background-color: transparent;
+  }
+
+  .md-search__suggest {
+    color: var(--md-default-autocomplete-fg-color);
+  }
+
   .md-search__overlay, .md-overlay {
     background-color: var(--md-default-bg-color--light);
   }

docs/src/scss/palette/_colors.scss

@@ -55,6 +55,7 @@
     --md-default-fg-color--light:        #{transparentize($drac-fg, 0.46)};
     --md-default-fg-color--lighter:      #{transparentize($drac-fg, 0.84)};
     --md-default-fg-color--lightest:     #{transparentize($drac-fg, 0.93)};
+    --md-default-autocomplete-fg-color:  #{transparentize($drac-fg, 0.60)};
 
     --md-default-bg-color:               var(--md-default-bg-color--darkest);
     --md-default-bg-color--light:        #{transparentize($drac-default-bg, 0.3)};

docs/theme/partials/header.html

@@ -73,7 +73,7 @@
           </a>
       </div>
     </div>
-    {% if "search" in config["plugins"] %}
+    {% if "material/search" in config.plugins %}
       <label class="md-header__button md-icon" for="__search">
         {% include ".icons/material/magnify.svg" %}
       </label>

mkdocs.yml

@@ -24,6 +24,9 @@ theme:
     - navigation.top
     - navigation.instant
     - content.tabs.link
+    - search.share
+    - search.highlight
+    - search.suggest
   pymdownx:
     sponsor: "https://github.com/sponsors/facelessuser"
 
@@ -163,7 +166,7 @@ extra:
       link: https://discord.gg/TWs8Tgr
 extra_css:
   # - https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css
-  - assets/pymdownx-extras/extra-7cf5de6eed.css
+  - assets/pymdownx-extras/extra-3ea1e896af.css
 extra_javascript:
   - https://unpkg.com/[email protected]/dist/mermaid.min.js
   # - https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js
@@ -172,7 +175,7 @@ extra_javascript:
   - assets/pymdownx-extras/extra-loader-52693605.js
 
 plugins:
-  - search
+  - search:
   - git-revision-date-localized:
       fallback_to_build_date: true
   - minify:

tox.ini

@@ -1,7 +1,7 @@
 [tox]
 isolated_build = true
 envlist =
-    {py37,py38,py39,py310}, lint, documents
+    {py37,py38,py39,py310,p311}, lint, documents
 
 [testenv]
 passenv = LANG