Update logo and colors

docs/.vitepress/config.mjs

@@ -7,6 +7,7 @@ export default defineConfig({
   description: "The JavaScript library for expressive creative coding",
   cleanUrls: true,
   extends: config,
+  head: [["link", { rel: "icon", type: "image/png", href: "/logo.png" }]],
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
     nav: [
@@ -27,5 +28,6 @@ export default defineConfig({
       },
     ],
     socialLinks: [{icon: "github", link: "https://github.com/charming-art/charming"}],
+    logo: "/logo.svg",
   },
 });

docs/.vitepress/theme/custom.css

@@ -0,0 +1,10 @@
+:root {
+  --vp-home-hero-name-background: -webkit-linear-gradient(315deg, #00adb5 25%, #393e46);
+  --vp-home-hero-name-color: transparent;
+}
+
+:root {
+  --vp-c-indigo-1: #005559;
+  --vp-c-indigo-2: #00797f;
+  --vp-c-indigo-3: #00adb5;
+}

docs/.vitepress/theme/index.js

@@ -2,6 +2,7 @@ import DefaultTheme from "vitepress/theme";
 import Layout from "genji-theme-vitepress";
 import {h} from "vue";
 import * as cm from "../../../src/index.js";
+import "./custom.css";
 
 // More props: https://genji-md.dev/reference/props
 const props = {

docs/index.md

@@ -5,6 +5,9 @@ hero:
   name: "Charming"
   text: "The JavaScript library for reactive SVG manipulation"
   tagline: "Craft dynamic and expressive SVGs with minimal effort"
+  image:
+    src: /logo.svg
+    alt: Charming
   actions:
     - theme: brand
       text: Get Started