docs: Various docs fixes (#2208)

- Closes: #2207
2025-10-11 19:44:57 -07:00
parent e2500a853e
commit 55d181b519
12 changed files with 1775 additions and 5411 deletions
@@ -14,15 +14,11 @@
    <link rel="icon" href="images/favicon.ico" />

    <!-- Themes (light + dark) -->
+    <link rel="stylesheet" href="./css/core.min.css" />
    <link
      rel="stylesheet"
+      href="./css/addons/core-dark.min.css"
      media="(prefers-color-scheme: dark)"
-      href="./css/theme-simple-dark.css"
-    />
-    <link
-      rel="stylesheet"
-      media="(prefers-color-scheme: light)"
-      href="./css/theme-simple.css"
    />
    <style>
      :root {
@@ -46,14 +42,24 @@
          transform: rotate(-360deg);
        }
      }
+      .app-name-link {
+        display: flex;
+        justify-content: center;
+      }
      .app-name img,
      .spin {
        animation: spin 15s infinite linear;
        transform-origin: center;
      }
+      @media not (prefers-color-scheme: dark) {
+        .app-name img,
+        .spin {
+          filter: invert(1);
+        }
+      }
    </style>
  </head>
-  <body>
+  <body class="sidebar-chevron-left sidebar-group-box sidebar-toggle-chevron">
    <div id="app"></div>
    <script>
      window.$docsify = {
@@ -89,6 +95,11 @@

        // Google tag (Google Analytics 4).
        gtag: 'G-ZFD19QWCJP',
+
+        search: {
+          // Place search box after spinning logo.
+          insertAfter: '.app-name',
+        },
      };
    </script>

@@ -98,22 +109,16 @@
    <script src="./js/docsify.min.js"></script>
    <script src="./js/gtag.min.js"></script>

-    <!-- Themeable -->
-    <script src="./js/docsify-themeable.min.js"></script>
-
    <!-- Prism Syntax Highlighting for YAML -->
    <script src="./js/prism-yaml.min.js"></script>

    <!-- Search plugin -->
-    <script src="./js/search.js"></script>
+    <script src="./js/search.min.js"></script>

    <!-- Zoom in on images on click -->
    <script src="./js/zoom-image.min.js"></script>

    <!-- Copy samples can copy to clipboard -->
    <script src="./js/docsify-copy-code.min.js"></script>
-
-    <!-- Allow sidebar selections to collapse -->
-    <script src="./js/docsify-sidebar-collapse.min.js"></script>
  </body>
 </html>