feat(docs): use vitesse theme

CofCat456 · Dec 28, 2023 · b7fe4d7 · b7fe4d7
1 parent 7d4ed5e
commit b7fe4d7
Show file tree

Hide file tree

Showing 4 changed files with 66 additions and 0 deletions.
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
@@ -50,6 +50,19 @@ export default defineConfig({
     ['meta', { property: 'og:description', content: 'Easy use of Google Maps with Composition API' }],
   ],
 
+  markdown: {
+    theme: {
+      light: 'vitesse-light',
+      dark: 'vitesse-dark',
+    },
+    config(md) {
+      // https://github.com/markdown-it/markdown-it/issues/878
+      md.linkify.set({
+        fuzzyLink: false,
+      });
+    },
+  },
+
   themeConfig: {
     logo: '/voomap.svg',
 

diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
@@ -0,0 +1,8 @@
+import DefaultTheme from 'vitepress/theme';
+
+import './styles/vars.css';
+import './styles/main.css';
+
+export default {
+  ...DefaultTheme,
+};
diff --git a/docs/.vitepress/theme/styles/main.css b/docs/.vitepress/theme/styles/main.css
@@ -0,0 +1,20 @@
+iframe {
+  border-width: 0;
+}
+
+.VPFeatures .VPFeature {
+  transition: border-color 0.25s, filter 0.25s;
+}
+
+.VPFeatures:has(.VPFeature:hover) .VPFeature:not(:hover) {
+  opacity: 0.75;
+  filter: blur(2px);
+}
+
+.VPFeature:hover {
+  border-color: var(--vp-button-brand-border);
+}
+
+.custom-block-title {
+  text-transform: uppercase;
+}
diff --git a/docs/.vitepress/theme/styles/vars.css b/docs/.vitepress/theme/styles/vars.css
@@ -0,0 +1,25 @@
+/**
+ * Home
+ */
+:root {
+  --vp-home-hero-name-color: transparent;
+  --vp-home-hero-name-background: -webkit-linear-gradient(120deg,
+      #0F5096 10%,
+      #50E669);
+}
+
+:root {
+  --vp-button-brand-border: #50E669;
+  --vp-button-brand-bg: #34A77B;
+}
+
+/**
+ * Code
+ */
+:root {
+  --vp-code-block-bg: rgba(125, 125, 125, 0.04)
+}
+
+:root.dark {
+  --vp-code-block-bg: rgba(0, 0, 0, 0.2)
+}