Update dependency vitepress to v1.0.0-rc.31

.vitepress/theme/style.css

@@ -23,6 +23,57 @@
   --vp-c-brand-dimm: rgba(100, 108, 255, 0.08);
 }
 
+ @media (prefers-color-scheme: dark) {
+  :root {
+    --vp-c-bg: #1b1b1f;
+    --vp-c-bg-alt: #161618;
+    --vp-c-bg-elv: #202127;
+    --vp-c-bg-soft: #202127;
+
+    /* Colors: Palette */
+    --vp-c-gray-1: #515c67;
+    --vp-c-gray-2: #414853;
+    --vp-c-gray-3: #32363f;
+    --vp-c-gray-soft: rgba(101, 117, 133, 0.16);
+
+    --vp-c-indigo-1: #a8b1ff;
+    --vp-c-indigo-2: #5c73e7;
+    --vp-c-indigo-3: #3e63dd;
+    --vp-c-indigo-soft: rgba(100, 108, 255, 0.16);
+
+    --vp-c-green-1: #3dd68c;
+    --vp-c-green-2: #30a46c;
+    --vp-c-green-3: #298459;
+    --vp-c-green-soft: rgba(16, 185, 129, 0.16);
+
+    --vp-c-yellow-1: #f9b44e;
+    --vp-c-yellow-2: #da8b17;
+    --vp-c-yellow-3: #a46a0a;
+    --vp-c-yellow-soft: rgba(234, 179, 8, 0.16);
+
+    --vp-c-red-1: #f66f81;
+    --vp-c-red-2: #f14158;
+    --vp-c-red-3: #b62a3c;
+    --vp-c-red-soft: rgba(244, 63, 94, 0.16);
+
+    /* Colors: Background */
+    --vp-c-bg: #1b1b1f;
+    --vp-c-bg-alt: #161618;
+    --vp-c-bg-elv: #202127;
+    --vp-c-bg-soft: #202127;
+
+    /* Colors: Borders */
+    --vp-c-border: #3c3f44;
+    --vp-c-divider: #2e2e32;
+    --vp-c-gutter: #000000;
+
+    /* Colors: Text */
+    --vp-c-text-1: rgba(255, 255, 245, 0.86);
+    --vp-c-text-2: rgba(235, 235, 245, 0.6);
+    --vp-c-text-3: rgba(235, 235, 245, 0.38);
+  }
+}
+
 /**
  * Component: Button
  * -------------------------------------------------------------------------- */

.vitepress/theme/styles/vp-code.css

@@ -1,17 +1,19 @@
 @media (prefers-color-scheme: dark) {
-  .vp-adaptive-theme {
-    @apply !bg-gray-800;
+  :root {
+    /* tailwindcss gray-800 */
+    --vp-code-block-bg: #1f2937;
   }
-  .vp-code-light {
-    display: none;
+  .vp-code span {
+    color: var(--shiki-dark, inherit);
   }
 }
 
 @media (prefers-color-scheme: light) {
-  .vp-adaptive-theme {
-    @apply !bg-gray-200;
+  :root {
+    /* tailwindcss gray-200 */
+    --vp-code-block-bg: #e5e7eb;
   }
-  .vp-code-dark {
-    display: none;
+  .vp-code span{
+    color: var(--shiki-light, inherit);
   }
 }

.vitepress/theme/styles/vp-doc.css

@@ -116,6 +116,7 @@
     color 0.25s,
     opacity 0.25s;
 }
+
 .vp-doc a:hover {
   color: var(--vp-c-brand-2);
 } */
@@ -163,6 +164,7 @@
 }
 
 .vp-doc tr {
+  background-color: var(--vp-c-bg);
   border-top: 1px solid var(--vp-c-divider);
   transition: background-color 0.5s;
 }

package.json

@@ -38,7 +38,7 @@
     "sitemap": "7.1.1",
     "tailwindcss": "3.3.6",
     "typescript": "5.2.2",
-    "vitepress": "1.0.0-rc.24",
+    "vitepress": "1.0.0-rc.31",
     "vue": "3.3.10"
   }
 }