Add banner

docs/.vitepress/config.ts

@@ -17,6 +17,11 @@ export default withMermaid({
             provider: "local"
         },
 
+        footer: {
+            message: 'Released under the MIT License.',
+            copyright: 'Copyright © 2023-present centau'
+        },
+
         // https://vitepress.dev/reference/default-theme-config
         nav: [
             { text: "Home", link: "/" },

docs/.vitepress/theme/index.js

@@ -1,5 +1,9 @@
 // .vitepress/theme/index.js
 import DefaultTheme from 'vitepress/theme'
+import layout from './layout.vue'
 import './vars.css'
 
-export default DefaultTheme
+export default {
+	extends: DefaultTheme,
+	Layout: layout
+}

docs/.vitepress/theme/layout.vue

@@ -0,0 +1,16 @@
+<!--.vitepress/theme/MyLayout.vue-->
+<script setup>
+import DefaultTheme from 'vitepress/theme'
+
+const { Layout } = DefaultTheme
+</script>
+
+<template>
+  <Layout>
+    <template #layout-top>
+      <div class="banner">
+		Vide is 0.x software and may go through breaking changes through different versions
+	  </div>
+    </template>
+  </Layout>
+</template>

docs/.vitepress/theme/vars.css

@@ -1,6 +1,39 @@
+.banner {
+  background-color: var(--vp-button-brand-bg) !important;
+  color: rgba(255, 255, 255, 100%);
+  width: 100%;
+  height: 1.5rem;
+  text-align: center;
+  position: fixed;
+  z-index: 30;
+}
+
+.VPNav {
+  margin-top: 1.5rem;
+}
+
+.VPSidebar {
+  margin-top: 1.5rem;
+}
+
 :root {
     --vp-c-brand-1: #3086ff;
 
+    --vp-button-brand-bg: #3661A2;
+    --vp-button-brand-hover-bg: #24447F;
+    --vp-button-brand-press-bg: #4896F3;
+
+    --vp-home-hero-name-color: transparent;
+    --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #3661A2, #4896F3);
+    --vp-home-hero-logo-background: -webkit-linear-gradient(120deg, #3661A2, #4896F3);
+
+    --vp-home-hero-image-background-image: linear-gradient(
+		135deg,
+		#1D314F 50%,
+		#2A57A2 50%
+	);
+	--vp-home-hero-image-filter: blur(96px);
+
     --vp-c-bg: #f2f5f8;
     --vp-c-bg-alt: #dfe8f5;
     --vp-c-bg-elv: #dde7f4;
@@ -20,4 +53,10 @@
     --vp-c-border: #111720;
     --vp-c-divider: #181d27;
     --vp-c-gutter: #181d27;
+
+    --vp-home-hero-image-background-image: linear-gradient(
+		-45deg,
+		#3D506C 50%,
+		#2F415C 50%
+	);
 }