Added Logo and basic styling for docs

Author: zoey-kaiser

docs/.vitepress/theme/index.ts

@@ -0,0 +1,7 @@
+// https://vitepress.dev/guide/custom-theme
+import DefaultTheme from 'vitepress/theme'
+
+// Styles
+import './style.css'
+
+export default DefaultTheme

docs/.vitepress/theme/style.css

@@ -0,0 +1,43 @@
+/**
+ * Customize default theme styling by overriding CSS variables:
+ * https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css
+ */
+
+ :root {
+  --vp-c-brand-1: var(--vp-c-indigo-1);
+  --vp-c-brand-2: var(--vp-c-indigo-2);
+  --vp-c-brand-3: var(--vp-c-indigo-3);
+  --vp-c-brand-soft: var(--vp-c-indigo-soft);
+}
+
+/**
+ * Component: Home
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --vp-home-hero-name-color: transparent;
+  --vp-home-hero-name-background: -webkit-linear-gradient(
+    120deg,
+    #0096D6 30%,
+    #7672E3
+  );
+
+  --vp-home-hero-image-background-image: linear-gradient(
+    -45deg,
+    rgba(249, 137, 9, 0.3) 50%,
+    rgba(207, 95, 157, 0.3) 50%
+  );
+  --vp-home-hero-image-filter: blur(44px);
+}
+
+@media (min-width: 640px) {
+  :root {
+    --vp-home-hero-image-filter: blur(120px);
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --vp-home-hero-image-filter: blur(120px);
+  }
+}

docs/index.md

@@ -9,6 +9,9 @@ hero:
     - theme: brand
       text: Getting Started
       link: /guide/installation
+  image:
+    src: /logo.png
+    alt: Krescent logo
 
 features:
   - icon: 🚀