🎨docs: search right aligns

1. 搜索框右对齐
2. 官网按钮黑夜模式

Author: Zeyi-Lin

.vitepress/theme/components/HeaderButton.vue

@@ -47,4 +47,14 @@
     width: 14px;
     height: 14px;
   }
+
+  /* 黑夜模式样式 */
+  :root.dark .header-button {
+    background-color: #dddddd;
+    color: black;
+  }
+
+  :root.dark .header-button:hover {
+    background-color: #e0e0e0;
+  }
   </style>

.vitepress/theme/components/HeaderButtonEN.vue

@@ -48,4 +48,14 @@
     width: 14px;
     height: 14px;
   }
+
+    /* 黑夜模式样式 */
+    :root.dark .header-button {
+    background-color: #dddddd;
+    color: black;
+  }
+
+  :root.dark .header-button:hover {
+    background-color: #e0e0e0;
+  }
   </style>

.vitepress/theme/custom.css

@@ -22,4 +22,12 @@
 
 .title {
     border-bottom: transparent !important;
+}
+
+/* 调整搜索框位置 */
+div.VPNavBarSearch.search {
+    padding: 0px;
+    margin-left: auto;
+    margin-right: 20px;
+    flex-grow: 0;
 }