set default colormode to light, adjust navbar item highlighting

needle-tools · Sep 17, 2024 · 219a26c · 219a26c
1 parent 45785f6
commit 219a26c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/documentation/.vuepress/config.ts b/documentation/.vuepress/config.ts
@@ -234,6 +234,7 @@ export default defineUserConfig({
         logo: "/needle-logo-black.svg",
         logoDark: "/needle-logo-white.svg",
         colorModeSwitch: true,
+        colorMode: "light",
         lastUpdated: true, // useful for locally testing / seeing which pages are outdated
         contributors: false,
         editLink: true,

diff --git a/documentation/.vuepress/styles/index.scss b/documentation/.vuepress/styles/index.scss
@@ -463,4 +463,18 @@ div[class*=language-] > pre code {
   display: inline-block;
   margin: 0;
   padding: 0;
+}
+
+.vp-navbar button:hover {
+  cursor: pointer;
+  background: none;
+}
+
+.vp-navbar-item > div > button:hover {
+  margin-bottom: -2px;
+  border-bottom: 2px solid var(--vp-c-accent);
+}
+
+.vp-navbar-item > a:hover, .vp-navbar-item a.route-link-active {
+  color: var(--vp-c-text);
 }