diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index 1882839..ce9c75d 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -1,21 +1,29 @@
 # See https://pre-commit.com for more information
 # See https://pre-commit.com/hooks.html for more hooks
 repos:
--   repo: https://github.com/pre-commit/pre-commit-hooks
+  - repo: https://github.com/pre-commit/pre-commit-hooks
     rev: v4.5.0
     hooks:
-    -   id: trailing-whitespace
-    -   id: end-of-file-fixer
-    -   id: check-yaml
-    -   id: check-json
-    -   id: check-added-large-files
-    -   id: check-merge-conflict
-    -   id: check-symlinks
-    -   id: check-toml
-# Python
--   repo: https://github.com/astral-sh/ruff-pre-commit
+      - id: trailing-whitespace
+      - id: end-of-file-fixer
+      - id: check-yaml
+      - id: check-json
+      - id: check-added-large-files
+      - id: check-merge-conflict
+      - id: check-symlinks
+      - id: check-toml
+  # Python
+  - repo: https://github.com/astral-sh/ruff-pre-commit
     rev: v0.1.7
     hooks:
-    - id: ruff
-      args: ["--fix"]
-    - id: ruff-format
+      - id: ruff
+        args: ["--fix"]
+      - id: ruff-format
+  # markdown, yaml
+  - repo: https://github.com/pre-commit/mirrors-prettier
+    rev: v4.0.0-alpha.8
+    hooks:
+      - id: prettier
+        types_or: [markdown, yaml, html, javascript, css]
+        # workflow files cannot be modified by pre-commit.ci
+        exclude: ^(\.github/workflows)
diff --git a/.readthedocs.yaml b/.readthedocs.yaml
index d56afbe..3a99f8a 100644
--- a/.readthedocs.yaml
+++ b/.readthedocs.yaml
@@ -13,12 +13,12 @@ build:
 
 # Build documentation in the docs/ directory with Sphinx
 sphinx:
-   configuration: docs/conf.py
+  configuration: docs/conf.py
 
 # If using Sphinx, optionally build your docs in additional formats such as PDF
 formats: all
 
 # Optionally declare the Python requirements required to build your docs
 python:
-   install:
-   - requirements: docs/requirements.txt
+  install:
+    - requirements: docs/requirements.txt
diff --git a/deepmodeling_sphinx/banner.css b/deepmodeling_sphinx/banner.css
index 7b7fc06..f390720 100644
--- a/deepmodeling_sphinx/banner.css
+++ b/deepmodeling_sphinx/banner.css
@@ -4,584 +4,582 @@ under MIT license
 */
 
 .header-container {
-    max-width: none;
-    margin-top: 4px;
+  max-width: none;
+  margin-top: 4px;
 }
 
 @media screen and (min-width: 1101px) {
-    .header-container {
-        margin-top: 0;
-    }
+  .header-container {
+    margin-top: 0;
+  }
 }
 
 @media screen and (min-width: 1600px) {
-    .header-container {
-        margin-top: 0;
-    }
+  .header-container {
+    margin-top: 0;
+  }
 }
 
 .container-fluid.header-holder {
-    padding-right: 0;
-    padding-left: 0;
-    /* pydata theme has z-index 1030; we should be the largest */
-    z-index: 2000;
+  padding-right: 0;
+  padding-left: 0;
+  /* pydata theme has z-index 1030; we should be the largest */
+  z-index: 2000;
 }
 
 .header-holder .container {
-    max-width: none;
-    padding-right: 1.875rem;
-    padding-left: 1.875rem;
+  max-width: none;
+  padding-right: 1.875rem;
+  padding-left: 1.875rem;
 }
 
 @media screen and (min-width: 1101px) {
-    .header-holder .container {
-        padding-right: 1.875rem;
-        padding-left: 1.875rem;
-    }
+  .header-holder .container {
+    padding-right: 1.875rem;
+    padding-left: 1.875rem;
+  }
 }
 
 .header-holder .main-menu {
-    -webkit-box-pack: unset;
-    -ms-flex-pack: unset;
-    justify-content: unset;
-    position: relative;
+  -webkit-box-pack: unset;
+  -ms-flex-pack: unset;
+  justify-content: unset;
+  position: relative;
 }
 
 @media screen and (min-width: 1101px) {
-    .header-holder .main-menu ul {
-        padding-left: 0;
-        margin-left: 26%;
-    }
+  .header-holder .main-menu ul {
+    padding-left: 0;
+    margin-left: 26%;
+  }
 }
 
 @media screen and (min-width: 1600px) {
-    .header-holder .main-menu ul {
-        padding-left: 38px;
-        margin-left: 310px;
-    }
+  .header-holder .main-menu ul {
+    padding-left: 38px;
+    margin-left: 310px;
+  }
 }
 
-
 .header-holder {
-    height: 68px;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    left: 0;
-    margin-left: auto;
-    margin-right: auto;
-    position: fixed;
-    right: 0;
-    top: 0;
-    width: 100%;
-    z-index: 9999;
-    background-color: #ffffff;
-    border-bottom: 1px solid #e2e2e2;
-}
-
-.wy-nav-side, .shift {
-    margin-top: 68px;
+  height: 68px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  left: 0;
+  margin-left: auto;
+  margin-right: auto;
+  position: fixed;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 9999;
+  background-color: #ffffff;
+  border-bottom: 1px solid #e2e2e2;
+}
+
+.wy-nav-side,
+.shift {
+  margin-top: 68px;
 }
 
 @media screen and (min-width: 1100px) {
+  .wy-nav-side {
+    margin-top: 90px;
+  }
 
-    .wy-nav-side {
-        margin-top: 90px;
-    }
-
-    .header-holder {
-        height: 90px;
-    }
+  .header-holder {
+    height: 90px;
+  }
 }
 
 .header-container {
-    position: relative;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
 }
 
 .header-container:before,
 .header-container:after {
-    content: "";
-    display: table;
+  content: "";
+  display: table;
 }
 
 .header-container:after {
-    clear: both;
+  clear: both;
 }
 
 .header-container {
-    *zoom: 1;
+  *zoom: 1;
 }
 
 @media screen and (min-width: 1100px) {
-    .header-container {
-        display: block;
-    }
+  .header-container {
+    display: block;
+  }
 }
 
 .header-logo {
-    height: 50px;
-    width: 50px;
-    background-image: url("https://unpkg.com/@njzjz/icons@0.0.5/logos/deepmodeling.svg");
-    background-repeat: no-repeat;
-    background-size: 50px 50px;
-    display: block;
-    float: left;
-    z-index: 10;
+  height: 50px;
+  width: 50px;
+  background-image: url("https://unpkg.com/@njzjz/icons@0.0.5/logos/deepmodeling.svg");
+  background-repeat: no-repeat;
+  background-size: 50px 50px;
+  display: block;
+  float: left;
+  z-index: 10;
 }
 
 .header-logo::after {
-    content: "DeepModeling";
-    font-size: 1.375rem;
-    margin-left: 60px;
-    padding-top: 10px;
-    display: block;
-    color: #262626;
+  content: "DeepModeling";
+  font-size: 1.375rem;
+  margin-left: 60px;
+  padding-top: 10px;
+  display: block;
+  color: #262626;
 }
 
 .main-menu ul li a {
-    color: #262626;
+  color: #262626;
 }
 
 @media screen and (min-width: 1100px) {
-    /* only fix for read the docs theme */
-    .wy-body-for-nav .header-logo {
-        background-size: 50px 50px;
-        position: fixed;
-        height: 50px;
-        width: 50px;
-        top: -8px;
-        float: none;
-        margin-top: 25px;
-    }
+  /* only fix for read the docs theme */
+  .wy-body-for-nav .header-logo {
+    background-size: 50px 50px;
+    position: fixed;
+    height: 50px;
+    width: 50px;
+    top: -8px;
+    float: none;
+    margin-top: 25px;
+  }
 }
 
 @media screen and (min-width: 1100px) {
-    .main-menu-open-button {
-        display: none;
-    }
+  .main-menu-open-button {
+    display: none;
+  }
 }
 
 .header-holder .main-menu {
-    display: none;
+  display: none;
 }
 
 @media screen and (min-width: 1100px) {
-    .header-holder .main-menu {
-        display: -webkit-box;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        -webkit-box-pack: end;
-        -ms-flex-pack: end;
-    }
-}
-
-.header-holder .main-menu ul {
+  .header-holder .main-menu {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
+    -webkit-box-pack: end;
+    -ms-flex-pack: end;
+  }
+}
+
+.header-holder .main-menu ul {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
 }
 
 .header-holder .main-menu ul li {
-    display: inline-block;
-    margin-right: 40px;
-    position: relative;
+  display: inline-block;
+  margin-right: 40px;
+  position: relative;
 }
 
 .header-holder .main-menu ul li.active:after {
-    content: "•";
-    bottom: -24px;
-    color: #1E90FF;
-    font-size: 1.375rem;
-    left: 0;
-    position: absolute;
-    right: 0;
-    text-align: center;
+  content: "•";
+  bottom: -24px;
+  color: #1e90ff;
+  font-size: 1.375rem;
+  left: 0;
+  position: absolute;
+  right: 0;
+  text-align: center;
 }
 
 .header-holder .main-menu ul li.active a {
-    color: #1E90FF;
+  color: #1e90ff;
 }
 
 .header-holder .main-menu ul li.docs-active:after {
-    content: "•";
-    bottom: -24px;
-    color: #1E90FF;
-    font-size: 1.375rem;
-    left: -24px;
-    position: absolute;
-    right: 0;
-    text-align: center;
+  content: "•";
+  bottom: -24px;
+  color: #1e90ff;
+  font-size: 1.375rem;
+  left: -24px;
+  position: absolute;
+  right: 0;
+  text-align: center;
 }
 
 .header-holder .main-menu ul li:last-of-type {
-    margin-right: 0;
+  margin-right: 0;
 }
 
 .header-holder .main-menu ul li a {
-    color: #000000;
-    font-size: 1.3rem;
-    letter-spacing: 0;
-    line-height: 2.125rem;
-    text-align: center;
-    text-decoration: none;
+  color: #000000;
+  font-size: 1.3rem;
+  letter-spacing: 0;
+  line-height: 2.125rem;
+  text-align: center;
+  text-decoration: none;
 }
 
 @media screen and (min-width: 1100px) {
-    .header-holder .main-menu ul li a:hover {
-        color: #1E90FF;
-    }
+  .header-holder .main-menu ul li a:hover {
+    color: #1e90ff;
+  }
 }
 
 .mobile-main-menu {
-    display: none;
+  display: none;
 }
 
 .mobile-main-menu.open {
-    background-color: #262626;
-    display: block;
-    height: 100%;
-    left: 0;
-    margin-left: auto;
-    margin-right: auto;
-    min-height: 100%;
-    position: fixed;
-    right: 0;
-    top: 0;
-    width: 100%;
-    z-index: 99999;
+  background-color: #262626;
+  display: block;
+  height: 100%;
+  left: 0;
+  margin-left: auto;
+  margin-right: auto;
+  min-height: 100%;
+  position: fixed;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 99999;
 }
 
 .mobile-main-menu .container-fluid {
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    height: 68px;
-    position: relative;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 68px;
+  position: relative;
 }
 
 .mobile-main-menu .container-fluid:before,
 .mobile-main-menu .container-fluid:after {
-    content: "";
-    display: table;
+  content: "";
+  display: table;
 }
 
 .mobile-main-menu .container-fluid:after {
-    clear: both;
+  clear: both;
 }
 
 .mobile-main-menu .container-fluid {
-    *zoom: 1;
+  *zoom: 1;
 }
 
 .mobile-main-menu.open ul {
-    list-style-type: none;
-    padding: 0;
+  list-style-type: none;
+  padding: 0;
 }
 
 .mobile-main-menu.open ul li a,
 .mobile-main-menu.open .resources-mobile-menu-title {
-    font-size: 2rem;
-    color: #ffffff;
-    letter-spacing: 0;
-    line-height: 4rem;
-    text-decoration: none;
+  font-size: 2rem;
+  color: #ffffff;
+  letter-spacing: 0;
+  line-height: 4rem;
+  text-decoration: none;
 }
 
 .mobile-main-menu.open ul li.active a {
-    color: #1E90FF;
+  color: #1e90ff;
 }
 
 .main-menu-close-button {
-    background-image: url("https://unpkg.com/@njzjz/icons@0.0.5/deepmodeling/icon-close-opt.svg");
-    background-position: center center;
-    background-repeat: no-repeat;
-    background-size: 24px 24px;
-    height: 24px;
-    position: absolute;
-    right: 0;
-    width: 24px;
-    top: -4px;
+  background-image: url("https://unpkg.com/@njzjz/icons@0.0.5/deepmodeling/icon-close-opt.svg");
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: 24px 24px;
+  height: 24px;
+  position: absolute;
+  right: 0;
+  width: 24px;
+  top: -4px;
 }
 
 .mobile-main-menu-header-container {
-    position: relative;
+  position: relative;
 }
 
 .mobile-main-menu-links-container {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    padding-left: 2.8125rem;
-    height: 90vh;
-    margin-top: -25px;
-    padding-top: 50%;
-    overflow-y: scroll;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding-left: 2.8125rem;
+  height: 90vh;
+  margin-top: -25px;
+  padding-top: 50%;
+  overflow-y: scroll;
 }
 
 .mobile-main-menu-links-container .main-menu {
-    height: 100vh;
+  height: 100vh;
 }
 
 .mobile-main-menu-links-container ul.resources-mobile-menu-items li {
-    padding-left: 15px;
+  padding-left: 15px;
 }
 
 .main-menu ul li .resources-dropdown a {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .main-menu ul li .dropdown-menu {
-    border-radius: 0;
-    padding: 0;
+  border-radius: 0;
+  padding: 0;
 }
 
 .main-menu ul li .dropdown-menu .dropdown-item {
-    color: #6c6c6d;
-    border-bottom: 1px solid #e2e2e2;
+  color: #6c6c6d;
+  border-bottom: 1px solid #e2e2e2;
 }
 
 .main-menu ul li .dropdown-menu .dropdown-item:last-of-type {
-    border-bottom-color: transparent;
+  border-bottom-color: transparent;
 }
 
 .main-menu ul li .dropdown-menu .dropdown-item:hover {
-    background-color: #1E90FF;
+  background-color: #1e90ff;
 }
 
 .main-menu ul li .dropdown-menu .dropdown-item p {
-    font-size: 1rem;
-    color: #979797;
+  font-size: 1rem;
+  color: #979797;
 }
 
 .main-menu ul li .dropdown-menu a.dropdown-item:hover {
-    color: #ffffff;
+  color: #ffffff;
 }
 
 .main-menu ul li .dropdown-menu a.dropdown-item:hover p {
-    color: #ffffff;
+  color: #ffffff;
 }
 
 .resources-dropdown-menu {
-    left: -75px;
-    width: 226px;
-    display: none;
-    position: absolute;
-    z-index: 1000;
-    display: none;
-    float: left;
-    min-width: 10rem;
-    padding: 0.5rem 0;
-    font-size: 1rem;
-    color: #212529;
-    text-align: left;
-    list-style: none;
-    background-color: #ffffff;
-    background-clip: padding-box;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    border-radius: 0.25rem;
+  left: -75px;
+  width: 226px;
+  display: none;
+  position: absolute;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 10rem;
+  padding: 0.5rem 0;
+  font-size: 1rem;
+  color: #212529;
+  text-align: left;
+  list-style: none;
+  background-color: #ffffff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 0.25rem;
 }
 
 .resources-dropdown:hover .resources-dropdown-menu {
-    display: block;
+  display: block;
 }
 
 .main-menu ul li .resources-dropdown-menu {
-    border-radius: 0;
-    padding: 0;
+  border-radius: 0;
+  padding: 0;
 }
 
 .main-menu ul li.active:hover .resources-dropdown-menu {
-    display: block;
+  display: block;
 }
 
 .main-menu ul li .resources-dropdown-menu .dropdown-item {
-    color: #6c6c6d;
-    border-bottom: 1px solid #e2e2e2;
+  color: #6c6c6d;
+  border-bottom: 1px solid #e2e2e2;
 }
 
 .resources-dropdown .with-down-orange-arrow {
-    padding-right: 2rem;
-    position: relative;
-    background: url("https://unpkg.com/@njzjz/icons@0.0.5/deepmodeling/chevron-down-black-opt.svg");
-    background-size: 14px 18px;
-    background-position: top 7px right 10px;
-    background-repeat: no-repeat;
+  padding-right: 2rem;
+  position: relative;
+  background: url("https://unpkg.com/@njzjz/icons@0.0.5/deepmodeling/chevron-down-black-opt.svg");
+  background-size: 14px 18px;
+  background-position: top 7px right 10px;
+  background-repeat: no-repeat;
 }
 
 .with-down-arrow {
-    padding-right: 2rem;
-    position: relative;
-    background-image: url("https://unpkg.com/@njzjz/icons@0.0.5/deepmodeling/chevron-down-black-opt.svg");
-    background-size: 14px 18px;
-    background-position: top 7px right 10px;
-    background-repeat: no-repeat;
+  padding-right: 2rem;
+  position: relative;
+  background-image: url("https://unpkg.com/@njzjz/icons@0.0.5/deepmodeling/chevron-down-black-opt.svg");
+  background-size: 14px 18px;
+  background-position: top 7px right 10px;
+  background-repeat: no-repeat;
 }
 
 .with-down-arrow:hover {
-    background-image: url("https://unpkg.com/@njzjz/icons@0.0.5/deepmodeling/chevron-down-black-opt.svg");
-    background-repeat: no-repeat;
+  background-image: url("https://unpkg.com/@njzjz/icons@0.0.5/deepmodeling/chevron-down-black-opt.svg");
+  background-repeat: no-repeat;
 }
 
 .header-holder .main-menu ul li .resources-dropdown .doc-dropdown-option {
-    padding-top: 1rem;
+  padding-top: 1rem;
 }
 
 .header-holder .main-menu ul li a.nav-dropdown-item {
-    display: block;
-    font-size: 1rem;
-    line-height: 1.3125rem;
-    width: 100%;
-    padding: 0.25rem 1.5rem;
-    clear: both;
-    font-weight: 400;
-    color: #979797;
-    text-align: center;
-    background-color: transparent;
-    border-bottom: 1px solid #e2e2e2;
+  display: block;
+  font-size: 1rem;
+  line-height: 1.3125rem;
+  width: 100%;
+  padding: 0.25rem 1.5rem;
+  clear: both;
+  font-weight: 400;
+  color: #979797;
+  text-align: center;
+  background-color: transparent;
+  border-bottom: 1px solid #e2e2e2;
 }
 
 .header-holder .main-menu ul li a.nav-dropdown-item:last-of-type {
-    border-bottom-color: transparent;
+  border-bottom-color: transparent;
 }
 
 .header-holder .main-menu ul li a.nav-dropdown-item:hover {
-    background-color: #1E90FF;
-    color: white;
+  background-color: #1e90ff;
+  color: white;
 }
 
 .header-holder .main-menu ul li a.nav-dropdown-item .dropdown-title {
-    font-size: 1.125rem;
-    color: #6c6c6d;
-    letter-spacing: 0;
-    line-height: 34px;
+  font-size: 1.125rem;
+  color: #6c6c6d;
+  letter-spacing: 0;
+  line-height: 34px;
 }
 
 .header-holder .main-menu ul li a.nav-dropdown-item:hover .dropdown-title {
-    background-color: #1E90FF;
-    color: white;
+  background-color: #1e90ff;
+  color: white;
 }
 
 .main-menu-open-button {
-    background-image: url("https://unpkg.com/@njzjz/icons@0.0.5/deepmodeling/icon-menu-dots-dark-opt.svg");
-    background-position: center center;
-    background-size: 25px 7px;
-    background-repeat: no-repeat;
-    width: 25px;
-    height: 17px;
-    position: absolute;
-    right: 0;
-    top: 14px;
+  background-image: url("https://unpkg.com/@njzjz/icons@0.0.5/deepmodeling/icon-menu-dots-dark-opt.svg");
+  background-position: center center;
+  background-size: 25px 7px;
+  background-repeat: no-repeat;
+  width: 25px;
+  height: 17px;
+  position: absolute;
+  right: 0;
+  top: 14px;
 }
 
 @media screen and (min-width: 1100px) {
-    .main-menu-open-button {
-        display: none;
-    }
+  .main-menu-open-button {
+    display: none;
+  }
 }
 
 .tutorials-header .main-menu-open-button {
-    background-image: url("https://unpkg.com/@njzjz/icons@0.0.5/deepmodeling/icon-menu-dots-dark-opt.svg");
+  background-image: url("https://unpkg.com/@njzjz/icons@0.0.5/deepmodeling/icon-menu-dots-dark-opt.svg");
 }
 
-
 .container {
-    width: 100%;
-    padding-right: 15px;
-    padding-left: 15px;
-    margin-right: auto;
-    margin-left: auto;
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
 }
 
 @media (min-width: 576px) {
-    .container {
-        max-width: 540px;
-    }
+  .container {
+    max-width: 540px;
+  }
 }
 
 @media (min-width: 768px) {
-    .container {
-        max-width: 720px;
-    }
+  .container {
+    max-width: 720px;
+  }
 }
 
 @media (min-width: 992px) {
-    .container {
-        max-width: 960px;
-    }
+  .container {
+    max-width: 960px;
+  }
 }
 
 @media (min-width: 1200px) {
-    .container {
-        max-width: 1140px;
-    }
+  .container {
+    max-width: 1140px;
+  }
 }
 
 .container-fluid {
-    width: 100%;
-    padding-right: 15px;
-    padding-left: 15px;
-    margin-right: auto;
-    margin-left: auto;
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
 }
 
 .header-holder {
-    position: relative;
-    z-index: 201;
-  }
+  position: relative;
+  z-index: 201;
+}
 
 .wy-side-scroll {
-  height: calc(100% - 68px)!important;
+  height: calc(100% - 68px) !important;
 }
 
 @media screen and (min-width: 1100px) {
-    .wy-side-scroll {
-      height: calc(100% - 90px)!important;
-    }
+  .wy-side-scroll {
+    height: calc(100% - 90px) !important;
+  }
 }
 
 @media (prefers-color-scheme: dark) {
-    /* Dark mode */
-    .header-holder {
-        background-color: #1E1E1E;
-    }
-    .header-logo::after {
-        color: #ffffff;
-    }
-    .header-holder .main-menu ul li a {
-        color: #ffffff;
-    }
-    .resources-dropdown-menu {
-        color: #ffffff;
-        background-color: #1E1E1E;
-    }
-    .header-holder .main-menu ul li a.nav-dropdown-item {
-        color: #ffffff;
-    }
-    .header-holder .main-menu ul li a.nav-dropdown-item .dropdown-title {
-        color: #ffffff;
-    }
-    .wy-body-for-nav {
-        background-color: #1E1E1E;
-    }
+  /* Dark mode */
+  .header-holder {
+    background-color: #1e1e1e;
+  }
+  .header-logo::after {
+    color: #ffffff;
+  }
+  .header-holder .main-menu ul li a {
+    color: #ffffff;
+  }
+  .resources-dropdown-menu {
+    color: #ffffff;
+    background-color: #1e1e1e;
+  }
+  .header-holder .main-menu ul li a.nav-dropdown-item {
+    color: #ffffff;
+  }
+  .header-holder .main-menu ul li a.nav-dropdown-item .dropdown-title {
+    color: #ffffff;
+  }
+  .wy-body-for-nav {
+    background-color: #1e1e1e;
+  }
 }
diff --git a/deepmodeling_sphinx/banner.html b/deepmodeling_sphinx/banner.html
index cdc32ad..e0f60e5 100644
--- a/deepmodeling_sphinx/banner.html
+++ b/deepmodeling_sphinx/banner.html
@@ -1,65 +1,94 @@
 <link rel="preconnect" href="https://unpkg.com/" />
-<link rel="icon" href="https://unpkg.com/@njzjz/icons@0.0.5/logos/deepmodeling.svg" type="image/png">
+<link
+  rel="icon"
+  href="https://unpkg.com/@njzjz/icons@0.0.5/logos/deepmodeling.svg"
+  type="image/png"
+/>
 <!-- The initial version is taken from
 https://github.com/pytorch/pytorch_sphinx_theme
 under MIT license
 -->
 <div class="container-fluid header-holder tutorials-header" id="header-holder">
-    <div class="container">
-        <div class="header-container">
-            <a class="header-logo" href="https://deepmodeling.com" aria-label="deepmodeling"></a>
+  <div class="container">
+    <div class="header-container">
+      <a
+        class="header-logo"
+        href="https://deepmodeling.com"
+        aria-label="deepmodeling"
+      ></a>
 
-            <div class="main-menu">
-                <ul>
-                    {% for item in items %}
-                    <li class="{{ item.class }}">
-                    {% if item.subitem %}
-                        <div id="resourcesDropdownButton" data-toggle="resources-dropdown" class="resources-dropdown">
-                            <a href="{{ item.url }}" class="resource-option with-down-orange-arrow">
-                                {{ item.title }}
-                            </a>
-                            <div class="resources-dropdown-menu">
-                                {% for subitem in item.subitem %}
-                                <a class="doc-dropdown-option nav-dropdown-item"
-                                    href="{{ subitem.url }}">
-                                    <span class="dropdown-title">{{ subitem.title }}</span>
-                                    <p></p>
-                                </a>
-                                {% endfor %}
-                            </div>
-                        </div>
-                    {% else %}
-                        <a href="{{ item.url }}">{{ item.title }}</a>
-                    {% endif %}
-                    </li>
-                    {% endfor %}
-                </ul>
+      <div class="main-menu">
+        <ul>
+          {% for item in items %}
+          <li class="{{ item.class }}">
+            {% if item.subitem %}
+            <div
+              id="resourcesDropdownButton"
+              data-toggle="resources-dropdown"
+              class="resources-dropdown"
+            >
+              <a
+                href="{{ item.url }}"
+                class="resource-option with-down-orange-arrow"
+              >
+                {{ item.title }}
+              </a>
+              <div class="resources-dropdown-menu">
+                {% for subitem in item.subitem %}
+                <a
+                  class="doc-dropdown-option nav-dropdown-item"
+                  href="{{ subitem.url }}"
+                >
+                  <span class="dropdown-title">{{ subitem.title }}</span>
+                  <p></p>
+                </a>
+                {% endfor %}
+              </div>
             </div>
+            {% else %}
+            <a href="{{ item.url }}">{{ item.title }}</a>
+            {% endif %}
+          </li>
+          {% endfor %}
+        </ul>
+      </div>
 
-            <a class="main-menu-open-button" href="#" data-behavior="open-mobile-menu"></a>
-        </div>
+      <a
+        class="main-menu-open-button"
+        href="#"
+        data-behavior="open-mobile-menu"
+      ></a>
     </div>
+  </div>
 </div>
 
 <div class="mobile-main-menu">
-    <div class="container-fluid">
-        <div class="container">
-            <div class="mobile-main-menu-header-container">
-                <a class="header-logo" href="https://deepmodeling.com" aria-label="deepmodeling"></a>
-                <a class="main-menu-close-button" href="#" data-behavior="close-mobile-menu"></a>
-            </div>
-        </div>
+  <div class="container-fluid">
+    <div class="container">
+      <div class="mobile-main-menu-header-container">
+        <a
+          class="header-logo"
+          href="https://deepmodeling.com"
+          aria-label="deepmodeling"
+        ></a>
+        <a
+          class="main-menu-close-button"
+          href="#"
+          data-behavior="close-mobile-menu"
+        ></a>
+      </div>
     </div>
+  </div>
 
-    <div class="mobile-main-menu-links-container">
-        <div class="main-menu">
-            <ul>
-                {% for item in items %}
-                <li>
-                    <a href="{{ item.url }}">{{ item.title }}</a>
-                </li>
-                {% endfor %}
-            </ul>
-        </div>
+  <div class="mobile-main-menu-links-container">
+    <div class="main-menu">
+      <ul>
+        {% for item in items %}
+        <li>
+          <a href="{{ item.url }}">{{ item.title }}</a>
+        </li>
+        {% endfor %}
+      </ul>
     </div>
+  </div>
 </div>
diff --git a/deepmodeling_sphinx/banner.js b/deepmodeling_sphinx/banner.js
index 0d2b084..e3abc8d 100644
--- a/deepmodeling_sphinx/banner.js
+++ b/deepmodeling_sphinx/banner.js
@@ -3,35 +3,35 @@ https://github.com/pytorch/pytorch_sphinx_theme
 under MIT license
 */
 window.mobileMenu = {
-    bind: function () {
-        $("[data-behavior='open-mobile-menu']").on('click', function (e) {
-            e.preventDefault();
-            $(".mobile-main-menu").addClass("open");
-            $("body").addClass('no-scroll');
+  bind: function () {
+    $("[data-behavior='open-mobile-menu']").on("click", function (e) {
+      e.preventDefault();
+      $(".mobile-main-menu").addClass("open");
+      $("body").addClass("no-scroll");
 
-            mobileMenu.listenForResize();
-        });
+      mobileMenu.listenForResize();
+    });
 
-        $("[data-behavior='close-mobile-menu']").on('click', function (e) {
-            e.preventDefault();
-            mobileMenu.close();
-        });
-    },
+    $("[data-behavior='close-mobile-menu']").on("click", function (e) {
+      e.preventDefault();
+      mobileMenu.close();
+    });
+  },
 
-    listenForResize: function () {
-        $(window).on('resize.ForMobileMenu', function () {
-            if ($(this).width() > 768) {
-                mobileMenu.close();
-            }
-        });
-    },
+  listenForResize: function () {
+    $(window).on("resize.ForMobileMenu", function () {
+      if ($(this).width() > 768) {
+        mobileMenu.close();
+      }
+    });
+  },
 
-    close: function () {
-        $(".mobile-main-menu").removeClass("open");
-        $("body").removeClass('no-scroll');
-        $(window).off('resize.ForMobileMenu');
-    }
+  close: function () {
+    $(".mobile-main-menu").removeClass("open");
+    $("body").removeClass("no-scroll");
+    $(window).off("resize.ForMobileMenu");
+  },
 };
 $(document).ready(function () {
-    mobileMenu.bind();
+  mobileMenu.bind();
 });
diff --git a/deepmodeling_sphinx/dark_rtd.css b/deepmodeling_sphinx/dark_rtd.css
index 3c3384c..f36ae4e 100644
--- a/deepmodeling_sphinx/dark_rtd.css
+++ b/deepmodeling_sphinx/dark_rtd.css
@@ -25,436 +25,415 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 */
 @media (prefers-color-scheme: dark) {
-    :root {
-        --dark-text-color: #c1c1c1;
-        --dark-link-color: #249ee8;
-    }
-
-    body {
-        color: #bfbfbf;
-    }
-
-    .wy-nav-content-wrap {
-        background-color: #101010;
-    }
-
-    .wy-nav-content {
-        background-color: #141414;
-    }
-
-    .section {
-        color: var(--dark-text-color);
-    }
-
-    .highlight {
-        background-color: #17181c;
-    }
-
-    .highlight .nn {
-        color: var(--dark-text-color);
-    }
-
-    .highlight .nb {
-        color: #8bb8df;
-    }
-    .highlight .nv {
-        color: #40ffff;
-    }
-
-    .highlight .kn,
-    .highlight .kc,
-    .highlight .k {
-        color: #41c2ea;
-    }
-
-    .highlight .s1,
-    .highlight .s2 {
-        color: #b3e87f;
-    }
-
-    .highlight .nt {
-        color: #ccb350;
-    }
-
-    .highlight .c1 {
-        color: #686868;
-    }
-
-    .highlight .hll {
-        background-color: #002c4d;
-    }
-
-    .rst-content div[class^='highlight'] {
-        border-color: #1a1a1a;
-    }
-
-    .wy-nav-content a,
-    .wy-nav-content a:visited {
-        color: var(--dark-link-color);
-    }
-
-    .btn-neutral {
-        background-color: #17181c !important;
-    }
-
-    .btn-neutral:hover {
-        background-color: #101114 !important;
-    }
-
-    .btn-neutral:visited {
-        color: #c1c1c1 !important;
-    }
-
-    .btn {
-        box-shadow: none;
-    }
-
-    footer {
-        color: #bdbdbd;
-    }
-
-    .wy-nav-side {
-        background-color: #0d0d0d;
-    }
-
-    .wy-menu-vertical li.current {
-        background-color: #141414;
-    }
-
-    .wy-menu-vertical li.current>a,
-    .wy-menu-vertical li.on a {
-        background-color: #141415;
-        color: var(--dark-text-color);
-    }
-
-    .wy-menu-vertical li.toctree-l1.current>a,
-    .wy-menu-vertical li.current a {
-        border-color: #0b0c0d;
-    }
-
-    .wy-menu-vertical li.current a {
-        color: #bbb;
-    }
-
-    .wy-menu-vertical li.current a:hover {
-        background-color: #222;
-    }
-
-    .wy-menu-vertical a:hover,
-    .wy-menu-vertical li.current>a:hover,
-    .wy-menu-vertical li.on a:hover {
-        background-color: #1e1e1e;
-    }
-
-    .wy-menu-vertical li.toctree-l2.current>a,
-
-    .wy-menu-vertical li.toctree-l2.current li.toctree-l3>a {
-        background-color: #18181a;
-    }
-
-    .wy-side-nav-search {
-        background-color: #0b152d;
-    }
-
-    .wy-side-nav-search .wy-dropdown>a,
-    .wy-side-nav-search>a {
-        color: #ddd;
-    }
-
-    .wy-side-nav-search input[type='text'] {
-        border-color: #111;
-        background-color: #141414;
-        color: var(--dark-text-color);
-    }
-
-    .theme-switcher {
-        background-color: #0b0c0d;
-        color: var(--dark-text-color);
-    }
-
-    .writer-html4 .rst-content dl:not(.docutils)>dt,
-    .writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple)>dt {
-        background-color: #0b0b0b;
-        color: #007dce;
-        border-color: #282828;
-    }
-
-    .rst-content code,
-    .rst-content tt {
-        color: var(--dark-text-color);
-    }
-
-    .writer-html4 .rst-content dl:not(.docutils) dl:not(.field-list)>dt,
-    .writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple) dl:not(.field-list)>dt {
-        background-color: #0f0f0f;
-        color: #959595;
-        border-color: #2b2b2b;
-    }
-
-    .rst-content code,
-    .rst-content tt,
-    code {
-        background-color: #2d2d2d;
-        border-color: #1c1c1c;
-    }
-
-    .rst-content code.xref,
-    .rst-content tt.xref,
-    a .rst-content code,
-    a .rst-content tt {
-        color: #cecece;
-    }
-
-    .rst-content .hint,
-    .rst-content .important,
-    .rst-content .tip,
-    .rst-content .wy-alert-success.admonition,
-    .rst-content .wy-alert-success.admonition-todo,
-    .rst-content .wy-alert-success.attention,
-    .rst-content .wy-alert-success.caution,
-    .rst-content .wy-alert-success.danger,
-    .rst-content .wy-alert-success.error,
-    .rst-content .wy-alert-success.note,
-    .rst-content .wy-alert-success.seealso,
-    .rst-content .wy-alert-success.warning,
-    .wy-alert.wy-alert-success {
-        background-color: #00392e;
-    }
-
-    .rst-content .hint .admonition-title,
-    .rst-content .hint .wy-alert-title,
-    .rst-content .important .admonition-title,
-    .rst-content .important .wy-alert-title,
-    .rst-content .tip .admonition-title,
-    .rst-content .tip .wy-alert-title,
-
-    .rst-content .wy-alert-success.admonition-todo .admonition-title,
-
-    .rst-content .wy-alert-success.admonition-todo .wy-alert-title,
-
-    .rst-content .wy-alert-success.admonition .admonition-title,
-
-    .rst-content .wy-alert-success.admonition .wy-alert-title,
-
-    .rst-content .wy-alert-success.attention .admonition-title,
-
-    .rst-content .wy-alert-success.attention .wy-alert-title,
-
-    .rst-content .wy-alert-success.caution .admonition-title,
-    .rst-content .wy-alert-success.caution .wy-alert-title,
-    .rst-content .wy-alert-success.danger .admonition-title,
-    .rst-content .wy-alert-success.danger .wy-alert-title,
-    .rst-content .wy-alert-success.error .admonition-title,
-    .rst-content .wy-alert-success.error .wy-alert-title,
-    .rst-content .wy-alert-success.note .admonition-title,
-    .rst-content .wy-alert-success.note .wy-alert-title,
-
-    .rst-content .wy-alert-success.seealso .admonition-title,
-    .rst-content .wy-alert-success.seealso .wy-alert-title,
-
-    .rst-content .wy-alert-success.warning .admonition-title,
-    .rst-content .wy-alert-success.warning .wy-alert-title,
-
-    .rst-content .wy-alert.wy-alert-success .admonition-title,
-
-    .wy-alert.wy-alert-success .rst-content .admonition-title,
-    .wy-alert.wy-alert-success .wy-alert-title {
-        background-color: #006a56;
-    }
-
-    .rst-content .admonition,
-    .rst-content .note,
-    .rst-content .seealso,
-    .rst-content .wy-alert-info.admonition,
-    .rst-content .wy-alert-info.admonition-todo,
-    .rst-content .wy-alert-info.attention,
-    .rst-content .wy-alert-info.caution,
-    .rst-content .wy-alert-info.danger,
-    .rst-content .wy-alert-info.error,
-    .rst-content .wy-alert-info.hint,
-    .rst-content .wy-alert-info.important,
-    .rst-content .wy-alert-info.tip,
-    .rst-content .wy-alert-info.warning,
-    .wy-alert.wy-alert-info {
-        background-color: #002c4d;
-    }
-
-    .rst-content .admonition .admonition-title,
-    .rst-content .note .admonition-title,
-    .rst-content .note .wy-alert-title,
-    .rst-content .seealso .admonition-title,
-    .rst-content .seealso .wy-alert-title,
-
-    .rst-content .wy-alert-info.admonition-todo .admonition-title,
-
-    .rst-content .wy-alert-info.admonition-todo .wy-alert-title,
-
-    .rst-content .wy-alert-info.admonition .admonition-title,
-    .rst-content .wy-alert-info.admonition .wy-alert-title,
-    .rst-content .wy-alert-info.attention .admonition-title,
-    .rst-content .wy-alert-info.attention .wy-alert-title,
-    .rst-content .wy-alert-info.caution .admonition-title,
-    .rst-content .wy-alert-info.caution .wy-alert-title,
-    .rst-content .wy-alert-info.danger .admonition-title,
-    .rst-content .wy-alert-info.danger .wy-alert-title,
-    .rst-content .wy-alert-info.error .admonition-title,
-    .rst-content .wy-alert-info.error .wy-alert-title,
-    .rst-content .wy-alert-info.hint .admonition-title,
-    .rst-content .wy-alert-info.hint .wy-alert-title,
-    .rst-content .wy-alert-info.important .admonition-title,
-    .rst-content .wy-alert-info.important .wy-alert-title,
-    .rst-content .wy-alert-info.tip .admonition-title,
-    .rst-content .wy-alert-info.tip .wy-alert-title,
-    .rst-content .wy-alert-info.warning .admonition-title,
-    .rst-content .wy-alert-info.warning .wy-alert-title,
-    .rst-content .wy-alert.wy-alert-info .admonition-title,
-    .wy-alert.wy-alert-info .rst-content .admonition-title,
-    .wy-alert.wy-alert-info .wy-alert-title {
-        background-color: #004a7b;
-    }
-
-    .rst-content .admonition-todo,
-    .rst-content .attention,
-    .rst-content .caution,
-    .rst-content .warning,
-    .rst-content .wy-alert-warning.admonition,
-    .rst-content .wy-alert-warning.danger,
-    .rst-content .wy-alert-warning.error,
-    .rst-content .wy-alert-warning.hint,
-    .rst-content .wy-alert-warning.important,
-    .rst-content .wy-alert-warning.note,
-    .rst-content .wy-alert-warning.seealso,
-    .rst-content .wy-alert-warning.tip,
-    .wy-alert.wy-alert-warning {
-        background-color: #533500;
-    }
-
-    .rst-content .admonition-todo .admonition-title,
-    .rst-content .admonition-todo .wy-alert-title,
-    .rst-content .attention .admonition-title,
-    .rst-content .attention .wy-alert-title,
-    .rst-content .caution .admonition-title,
-    .rst-content .caution .wy-alert-title,
-    .rst-content .warning .admonition-title,
-    .rst-content .warning .wy-alert-title,
-
-    .rst-content .wy-alert-warning.admonition .admonition-title,
-
-    .rst-content .wy-alert-warning.admonition .wy-alert-title,
-    .rst-content .wy-alert-warning.danger .admonition-title,
-    .rst-content .wy-alert-warning.danger .wy-alert-title,
-    .rst-content .wy-alert-warning.error .admonition-title,
-    .rst-content .wy-alert-warning.error .wy-alert-title,
-    .rst-content .wy-alert-warning.hint .admonition-title,
-    .rst-content .wy-alert-warning.hint .wy-alert-title,
-
-    .rst-content .wy-alert-warning.important .admonition-title,
-
-    .rst-content .wy-alert-warning.important .wy-alert-title,
-    .rst-content .wy-alert-warning.note .admonition-title,
-    .rst-content .wy-alert-warning.note .wy-alert-title,
-
-    .rst-content .wy-alert-warning.seealso .admonition-title,
-    .rst-content .wy-alert-warning.seealso .wy-alert-title,
-    .rst-content .wy-alert-warning.tip .admonition-title,
-    .rst-content .wy-alert-warning.tip .wy-alert-title,
-
-    .rst-content .wy-alert.wy-alert-warning .admonition-title,
-
-    .wy-alert.wy-alert-warning .rst-content .admonition-title,
-    .wy-alert.wy-alert-warning .wy-alert-title {
-        background-color: #803b00;
-    }
-
-    .rst-content .danger,
-    .rst-content .error,
-    .rst-content .wy-alert-danger.admonition,
-    .rst-content .wy-alert-danger.admonition-todo,
-    .rst-content .wy-alert-danger.attention,
-    .rst-content .wy-alert-danger.caution,
-    .rst-content .wy-alert-danger.hint,
-    .rst-content .wy-alert-danger.important,
-    .rst-content .wy-alert-danger.note,
-    .rst-content .wy-alert-danger.seealso,
-    .rst-content .wy-alert-danger.tip,
-    .rst-content .wy-alert-danger.warning,
-    .wy-alert.wy-alert-danger {
-        background-color: #82231a;
-    }
-
-    .rst-content .danger .admonition-title,
-    .rst-content .danger .wy-alert-title,
-    .rst-content .error .admonition-title,
-    .rst-content .error .wy-alert-title,
-
-    .rst-content .wy-alert-danger.admonition-todo .admonition-title,
-
-    .rst-content .wy-alert-danger.admonition-todo .wy-alert-title,
-
-    .rst-content .wy-alert-danger.admonition .admonition-title,
-
-    .rst-content .wy-alert-danger.admonition .wy-alert-title,
-
-    .rst-content .wy-alert-danger.attention .admonition-title,
-    .rst-content .wy-alert-danger.attention .wy-alert-title,
-    .rst-content .wy-alert-danger.caution .admonition-title,
-    .rst-content .wy-alert-danger.caution .wy-alert-title,
-    .rst-content .wy-alert-danger.hint .admonition-title,
-    .rst-content .wy-alert-danger.hint .wy-alert-title,
-
-    .rst-content .wy-alert-danger.important .admonition-title,
-    .rst-content .wy-alert-danger.important .wy-alert-title,
-    .rst-content .wy-alert-danger.note .admonition-title,
-    .rst-content .wy-alert-danger.note .wy-alert-title,
-    .rst-content .wy-alert-danger.seealso .admonition-title,
-    .rst-content .wy-alert-danger.seealso .wy-alert-title,
-    .rst-content .wy-alert-danger.tip .admonition-title,
-    .rst-content .wy-alert-danger.tip .wy-alert-title,
-    .rst-content .wy-alert-danger.warning .admonition-title,
-    .rst-content .wy-alert-danger.warning .wy-alert-title,
-
-    .rst-content .wy-alert.wy-alert-danger .admonition-title,
-
-    .wy-alert.wy-alert-danger .rst-content .admonition-title,
-    .wy-alert.wy-alert-danger .wy-alert-title {
-        background-color: #b9372b;
-    }
-
-    .wy-nav-top {
-        background-color: #0b152d;
-    }
-
-    .rst-content table.docutils thead,
-    .rst-content table.field-list thead,
-    .wy-table thead {
-        color: var(--dark-text-color);
-    }
-
-
-    .rst-content table.docutils:not(.field-list) tr:nth-child(2n-1) td,
-    .wy-table-backed,
-    .wy-table-odd td,
-    .wy-table-striped tr:nth-child(2n-1) td {
-        background-color: #181818;
-    }
-
-    .rst-content table.docutils td,
-    .wy-table-bordered-all td,
-    .writer-html5 .rst-content table.docutils th,
-    .rst-content table.docutils,
-    .wy-table-bordered-all {
-        border-color: #262626;
-    }
-
-    .rst-content table.docutils caption,
-    .rst-content table.field-list caption,
-    .wy-table caption {
-        color: var(--dark-text-color);
-    }
-
-    .wy-menu-vertical li.toctree-l3.current>a,
-
-    .wy-menu-vertical li.toctree-l3.current li.toctree-l4>a {
-        background-color: #18181a;
-    }
+  :root {
+    --dark-text-color: #c1c1c1;
+    --dark-link-color: #249ee8;
+  }
+
+  body {
+    color: #bfbfbf;
+  }
+
+  .wy-nav-content-wrap {
+    background-color: #101010;
+  }
+
+  .wy-nav-content {
+    background-color: #141414;
+  }
+
+  .section {
+    color: var(--dark-text-color);
+  }
+
+  .highlight {
+    background-color: #17181c;
+  }
+
+  .highlight .nn {
+    color: var(--dark-text-color);
+  }
+
+  .highlight .nb {
+    color: #8bb8df;
+  }
+  .highlight .nv {
+    color: #40ffff;
+  }
+
+  .highlight .kn,
+  .highlight .kc,
+  .highlight .k {
+    color: #41c2ea;
+  }
+
+  .highlight .s1,
+  .highlight .s2 {
+    color: #b3e87f;
+  }
+
+  .highlight .nt {
+    color: #ccb350;
+  }
+
+  .highlight .c1 {
+    color: #686868;
+  }
+
+  .highlight .hll {
+    background-color: #002c4d;
+  }
+
+  .rst-content div[class^="highlight"] {
+    border-color: #1a1a1a;
+  }
+
+  .wy-nav-content a,
+  .wy-nav-content a:visited {
+    color: var(--dark-link-color);
+  }
+
+  .btn-neutral {
+    background-color: #17181c !important;
+  }
+
+  .btn-neutral:hover {
+    background-color: #101114 !important;
+  }
+
+  .btn-neutral:visited {
+    color: #c1c1c1 !important;
+  }
+
+  .btn {
+    box-shadow: none;
+  }
+
+  footer {
+    color: #bdbdbd;
+  }
+
+  .wy-nav-side {
+    background-color: #0d0d0d;
+  }
+
+  .wy-menu-vertical li.current {
+    background-color: #141414;
+  }
+
+  .wy-menu-vertical li.current > a,
+  .wy-menu-vertical li.on a {
+    background-color: #141415;
+    color: var(--dark-text-color);
+  }
+
+  .wy-menu-vertical li.toctree-l1.current > a,
+  .wy-menu-vertical li.current a {
+    border-color: #0b0c0d;
+  }
+
+  .wy-menu-vertical li.current a {
+    color: #bbb;
+  }
+
+  .wy-menu-vertical li.current a:hover {
+    background-color: #222;
+  }
+
+  .wy-menu-vertical a:hover,
+  .wy-menu-vertical li.current > a:hover,
+  .wy-menu-vertical li.on a:hover {
+    background-color: #1e1e1e;
+  }
+
+  .wy-menu-vertical li.toctree-l2.current > a,
+  .wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a {
+    background-color: #18181a;
+  }
+
+  .wy-side-nav-search {
+    background-color: #0b152d;
+  }
+
+  .wy-side-nav-search .wy-dropdown > a,
+  .wy-side-nav-search > a {
+    color: #ddd;
+  }
+
+  .wy-side-nav-search input[type="text"] {
+    border-color: #111;
+    background-color: #141414;
+    color: var(--dark-text-color);
+  }
+
+  .theme-switcher {
+    background-color: #0b0c0d;
+    color: var(--dark-text-color);
+  }
+
+  .writer-html4 .rst-content dl:not(.docutils) > dt,
+  .writer-html5
+    .rst-content
+    dl[class]:not(.option-list):not(.field-list):not(.footnote):not(
+      .glossary
+    ):not(.simple)
+    > dt {
+    background-color: #0b0b0b;
+    color: #007dce;
+    border-color: #282828;
+  }
+
+  .rst-content code,
+  .rst-content tt {
+    color: var(--dark-text-color);
+  }
+
+  .writer-html4 .rst-content dl:not(.docutils) dl:not(.field-list) > dt,
+  .writer-html5
+    .rst-content
+    dl[class]:not(.option-list):not(.field-list):not(.footnote):not(
+      .glossary
+    ):not(.simple)
+    dl:not(.field-list)
+    > dt {
+    background-color: #0f0f0f;
+    color: #959595;
+    border-color: #2b2b2b;
+  }
+
+  .rst-content code,
+  .rst-content tt,
+  code {
+    background-color: #2d2d2d;
+    border-color: #1c1c1c;
+  }
+
+  .rst-content code.xref,
+  .rst-content tt.xref,
+  a .rst-content code,
+  a .rst-content tt {
+    color: #cecece;
+  }
+
+  .rst-content .hint,
+  .rst-content .important,
+  .rst-content .tip,
+  .rst-content .wy-alert-success.admonition,
+  .rst-content .wy-alert-success.admonition-todo,
+  .rst-content .wy-alert-success.attention,
+  .rst-content .wy-alert-success.caution,
+  .rst-content .wy-alert-success.danger,
+  .rst-content .wy-alert-success.error,
+  .rst-content .wy-alert-success.note,
+  .rst-content .wy-alert-success.seealso,
+  .rst-content .wy-alert-success.warning,
+  .wy-alert.wy-alert-success {
+    background-color: #00392e;
+  }
+
+  .rst-content .hint .admonition-title,
+  .rst-content .hint .wy-alert-title,
+  .rst-content .important .admonition-title,
+  .rst-content .important .wy-alert-title,
+  .rst-content .tip .admonition-title,
+  .rst-content .tip .wy-alert-title,
+  .rst-content .wy-alert-success.admonition-todo .admonition-title,
+  .rst-content .wy-alert-success.admonition-todo .wy-alert-title,
+  .rst-content .wy-alert-success.admonition .admonition-title,
+  .rst-content .wy-alert-success.admonition .wy-alert-title,
+  .rst-content .wy-alert-success.attention .admonition-title,
+  .rst-content .wy-alert-success.attention .wy-alert-title,
+  .rst-content .wy-alert-success.caution .admonition-title,
+  .rst-content .wy-alert-success.caution .wy-alert-title,
+  .rst-content .wy-alert-success.danger .admonition-title,
+  .rst-content .wy-alert-success.danger .wy-alert-title,
+  .rst-content .wy-alert-success.error .admonition-title,
+  .rst-content .wy-alert-success.error .wy-alert-title,
+  .rst-content .wy-alert-success.note .admonition-title,
+  .rst-content .wy-alert-success.note .wy-alert-title,
+  .rst-content .wy-alert-success.seealso .admonition-title,
+  .rst-content .wy-alert-success.seealso .wy-alert-title,
+  .rst-content .wy-alert-success.warning .admonition-title,
+  .rst-content .wy-alert-success.warning .wy-alert-title,
+  .rst-content .wy-alert.wy-alert-success .admonition-title,
+  .wy-alert.wy-alert-success .rst-content .admonition-title,
+  .wy-alert.wy-alert-success .wy-alert-title {
+    background-color: #006a56;
+  }
+
+  .rst-content .admonition,
+  .rst-content .note,
+  .rst-content .seealso,
+  .rst-content .wy-alert-info.admonition,
+  .rst-content .wy-alert-info.admonition-todo,
+  .rst-content .wy-alert-info.attention,
+  .rst-content .wy-alert-info.caution,
+  .rst-content .wy-alert-info.danger,
+  .rst-content .wy-alert-info.error,
+  .rst-content .wy-alert-info.hint,
+  .rst-content .wy-alert-info.important,
+  .rst-content .wy-alert-info.tip,
+  .rst-content .wy-alert-info.warning,
+  .wy-alert.wy-alert-info {
+    background-color: #002c4d;
+  }
+
+  .rst-content .admonition .admonition-title,
+  .rst-content .note .admonition-title,
+  .rst-content .note .wy-alert-title,
+  .rst-content .seealso .admonition-title,
+  .rst-content .seealso .wy-alert-title,
+  .rst-content .wy-alert-info.admonition-todo .admonition-title,
+  .rst-content .wy-alert-info.admonition-todo .wy-alert-title,
+  .rst-content .wy-alert-info.admonition .admonition-title,
+  .rst-content .wy-alert-info.admonition .wy-alert-title,
+  .rst-content .wy-alert-info.attention .admonition-title,
+  .rst-content .wy-alert-info.attention .wy-alert-title,
+  .rst-content .wy-alert-info.caution .admonition-title,
+  .rst-content .wy-alert-info.caution .wy-alert-title,
+  .rst-content .wy-alert-info.danger .admonition-title,
+  .rst-content .wy-alert-info.danger .wy-alert-title,
+  .rst-content .wy-alert-info.error .admonition-title,
+  .rst-content .wy-alert-info.error .wy-alert-title,
+  .rst-content .wy-alert-info.hint .admonition-title,
+  .rst-content .wy-alert-info.hint .wy-alert-title,
+  .rst-content .wy-alert-info.important .admonition-title,
+  .rst-content .wy-alert-info.important .wy-alert-title,
+  .rst-content .wy-alert-info.tip .admonition-title,
+  .rst-content .wy-alert-info.tip .wy-alert-title,
+  .rst-content .wy-alert-info.warning .admonition-title,
+  .rst-content .wy-alert-info.warning .wy-alert-title,
+  .rst-content .wy-alert.wy-alert-info .admonition-title,
+  .wy-alert.wy-alert-info .rst-content .admonition-title,
+  .wy-alert.wy-alert-info .wy-alert-title {
+    background-color: #004a7b;
+  }
+
+  .rst-content .admonition-todo,
+  .rst-content .attention,
+  .rst-content .caution,
+  .rst-content .warning,
+  .rst-content .wy-alert-warning.admonition,
+  .rst-content .wy-alert-warning.danger,
+  .rst-content .wy-alert-warning.error,
+  .rst-content .wy-alert-warning.hint,
+  .rst-content .wy-alert-warning.important,
+  .rst-content .wy-alert-warning.note,
+  .rst-content .wy-alert-warning.seealso,
+  .rst-content .wy-alert-warning.tip,
+  .wy-alert.wy-alert-warning {
+    background-color: #533500;
+  }
+
+  .rst-content .admonition-todo .admonition-title,
+  .rst-content .admonition-todo .wy-alert-title,
+  .rst-content .attention .admonition-title,
+  .rst-content .attention .wy-alert-title,
+  .rst-content .caution .admonition-title,
+  .rst-content .caution .wy-alert-title,
+  .rst-content .warning .admonition-title,
+  .rst-content .warning .wy-alert-title,
+  .rst-content .wy-alert-warning.admonition .admonition-title,
+  .rst-content .wy-alert-warning.admonition .wy-alert-title,
+  .rst-content .wy-alert-warning.danger .admonition-title,
+  .rst-content .wy-alert-warning.danger .wy-alert-title,
+  .rst-content .wy-alert-warning.error .admonition-title,
+  .rst-content .wy-alert-warning.error .wy-alert-title,
+  .rst-content .wy-alert-warning.hint .admonition-title,
+  .rst-content .wy-alert-warning.hint .wy-alert-title,
+  .rst-content .wy-alert-warning.important .admonition-title,
+  .rst-content .wy-alert-warning.important .wy-alert-title,
+  .rst-content .wy-alert-warning.note .admonition-title,
+  .rst-content .wy-alert-warning.note .wy-alert-title,
+  .rst-content .wy-alert-warning.seealso .admonition-title,
+  .rst-content .wy-alert-warning.seealso .wy-alert-title,
+  .rst-content .wy-alert-warning.tip .admonition-title,
+  .rst-content .wy-alert-warning.tip .wy-alert-title,
+  .rst-content .wy-alert.wy-alert-warning .admonition-title,
+  .wy-alert.wy-alert-warning .rst-content .admonition-title,
+  .wy-alert.wy-alert-warning .wy-alert-title {
+    background-color: #803b00;
+  }
+
+  .rst-content .danger,
+  .rst-content .error,
+  .rst-content .wy-alert-danger.admonition,
+  .rst-content .wy-alert-danger.admonition-todo,
+  .rst-content .wy-alert-danger.attention,
+  .rst-content .wy-alert-danger.caution,
+  .rst-content .wy-alert-danger.hint,
+  .rst-content .wy-alert-danger.important,
+  .rst-content .wy-alert-danger.note,
+  .rst-content .wy-alert-danger.seealso,
+  .rst-content .wy-alert-danger.tip,
+  .rst-content .wy-alert-danger.warning,
+  .wy-alert.wy-alert-danger {
+    background-color: #82231a;
+  }
+
+  .rst-content .danger .admonition-title,
+  .rst-content .danger .wy-alert-title,
+  .rst-content .error .admonition-title,
+  .rst-content .error .wy-alert-title,
+  .rst-content .wy-alert-danger.admonition-todo .admonition-title,
+  .rst-content .wy-alert-danger.admonition-todo .wy-alert-title,
+  .rst-content .wy-alert-danger.admonition .admonition-title,
+  .rst-content .wy-alert-danger.admonition .wy-alert-title,
+  .rst-content .wy-alert-danger.attention .admonition-title,
+  .rst-content .wy-alert-danger.attention .wy-alert-title,
+  .rst-content .wy-alert-danger.caution .admonition-title,
+  .rst-content .wy-alert-danger.caution .wy-alert-title,
+  .rst-content .wy-alert-danger.hint .admonition-title,
+  .rst-content .wy-alert-danger.hint .wy-alert-title,
+  .rst-content .wy-alert-danger.important .admonition-title,
+  .rst-content .wy-alert-danger.important .wy-alert-title,
+  .rst-content .wy-alert-danger.note .admonition-title,
+  .rst-content .wy-alert-danger.note .wy-alert-title,
+  .rst-content .wy-alert-danger.seealso .admonition-title,
+  .rst-content .wy-alert-danger.seealso .wy-alert-title,
+  .rst-content .wy-alert-danger.tip .admonition-title,
+  .rst-content .wy-alert-danger.tip .wy-alert-title,
+  .rst-content .wy-alert-danger.warning .admonition-title,
+  .rst-content .wy-alert-danger.warning .wy-alert-title,
+  .rst-content .wy-alert.wy-alert-danger .admonition-title,
+  .wy-alert.wy-alert-danger .rst-content .admonition-title,
+  .wy-alert.wy-alert-danger .wy-alert-title {
+    background-color: #b9372b;
+  }
+
+  .wy-nav-top {
+    background-color: #0b152d;
+  }
+
+  .rst-content table.docutils thead,
+  .rst-content table.field-list thead,
+  .wy-table thead {
+    color: var(--dark-text-color);
+  }
+
+  .rst-content table.docutils:not(.field-list) tr:nth-child(2n-1) td,
+  .wy-table-backed,
+  .wy-table-odd td,
+  .wy-table-striped tr:nth-child(2n-1) td {
+    background-color: #181818;
+  }
+
+  .rst-content table.docutils td,
+  .wy-table-bordered-all td,
+  .writer-html5 .rst-content table.docutils th,
+  .rst-content table.docutils,
+  .wy-table-bordered-all {
+    border-color: #262626;
+  }
+
+  .rst-content table.docutils caption,
+  .rst-content table.field-list caption,
+  .wy-table caption {
+    color: var(--dark-text-color);
+  }
+
+  .wy-menu-vertical li.toctree-l3.current > a,
+  .wy-menu-vertical li.toctree-l3.current li.toctree-l4 > a {
+    background-color: #18181a;
+  }
 }