Slightly modify Tabs style

docs/.vuepress/styles/index.scss

@@ -1,6 +1,8 @@
 :root {
   --c-brand: #407ce8;
   --c-brand-light: #2e73ea;
+
+  --x-nav-text-hover: #0a51bd;
 }
 
 html.dark {
@@ -15,6 +17,8 @@ html.dark {
   --c-danger-text: #c0bebe;
 
   --c-bg-light: rgba(255, 255, 255, 0.1);
+
+  --x-nav-text-hover: #7ca6f2;
 }
 
 blockquote {

docs/.vuepress/theme/components/Tabs.vue

@@ -62,6 +62,18 @@ export default defineComponent({
 @import "node_modules/bootstrap/scss/bootstrap";
 
 button.nav-link {
-  color: var(--textColor);
+  color: var(--c-text-accent);
+  &:hover,
+  &:focus {
+    color: var(--x-nav-text-hover);
+  }
+}
+
+nav {
+  padding-bottom: 0.5rem;
+  border-bottom: 1px solid var(--c-border);
+}
+div.tab-content {
+  border-bottom: 1px solid var(--c-border);
 }
 </style>