docs: add dedicated docs website

docs/.vitepress/theme/index.ts

@@ -0,0 +1,9 @@
+import DefaultTheme from 'vitepress/theme'
+
+import './vars.css'
+import './overrides.css'
+import 'uno.css'
+
+export default {
+  ...DefaultTheme,
+}

docs/.vitepress/theme/overrides.css

@@ -0,0 +1,16 @@
+.dark [img-light] {
+  display: none;
+}
+
+html:not(.dark) [img-dark] {
+  display: none;
+}
+
+details summary {
+  cursor: pointer;
+}
+
+.VPHomeHero .image-src {
+  max-width: 180px !important;
+  max-height: 180px !important;
+}

docs/.vitepress/theme/vars.css

@@ -0,0 +1,41 @@
+/**
+ * Colors Theme
+ * -------------------------------------------------------------------------- */
+
+ :root {
+  --vp-c-brand-1: #d97c06;
+  --vp-c-brand-2: #C57105;
+  --vp-c-brand-3: #B16505;
+  --vp-nav-logo-height: 20px;
+}
+
+/**
+ * Component: Home
+ * -------------------------------------------------------------------------- */
+
+ :root {
+  --vp-home-hero-name-color: transparent;
+  --vp-home-hero-name-background: -webkit-linear-gradient(
+    120deg,
+    #fde98a 15%,
+    #d97c06
+  );
+  --vp-home-hero-image-background-image: linear-gradient(
+    -45deg,
+    #d97c0660 30%,
+    #fde98a60
+  );
+  --vp-home-hero-image-filter: blur(30px);
+}
+
+@media (min-width: 640px) {
+  :root {
+    --vp-home-hero-image-filter: blur(56px);
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --vp-home-hero-image-filter: blur(72px);
+  }
+}