feat: theme customization

varletjs · Oct 27, 2024 · 1a53c72 · 1a53c72
1 parent b4ff662
commit 1a53c72
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 0 deletions.
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
@@ -3,6 +3,7 @@ import { defineConfig } from 'vitepress'
 export default defineConfig({
   title: 'Rattail',
   description: 'A utilities library for front-end developers, lightweight and ts-friendly',
+  head: [['link', { rel: 'icon', href: '/favicon.ico' }]],
   locales: {
     root: {
       label: 'English',
@@ -31,6 +32,7 @@ export default defineConfig({
     },
   },
   themeConfig: {
+    logo: { src: '/logo.svg', style: { height: '44px' } },
     nav: [{ text: 'Home', link: '/' }],
 
     sidebar: [

diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
@@ -0,0 +1,5 @@
+:root {
+  --vp-c-brand-1: #cf8040;
+  --vp-c-brand-2: #a06433;
+  --vp-button-brand-bg: #cf8040;
+}
diff --git a/docs/.vitepress/theme/index.js b/docs/.vitepress/theme/index.js
@@ -0,0 +1,4 @@
+import DefaultTheme from 'vitepress/theme'
+import './custom.css'
+
+export default DefaultTheme
diff --git a/docs/index.md b/docs/index.md
@@ -5,6 +5,7 @@ hero:
   name: 'Rattail'
   text: 'A Utilities Library'
   tagline: A utilities library for front-end developers, lightweight and ts-friendly
+  logo: /logo.svg
   actions:
     - theme: brand
       text: Get Started

diff --git a/docs/public/favicon.ico b/docs/public/favicon.ico
diff --git a/docs/public/logo.svg b/docs/public/logo.svg