From fec3690bfc9f96df1d025bc9701185b2907e660e Mon Sep 17 00:00:00 2001
From: cpojer <christoph.pojer@gmail.com>
Date: Fri, 27 Mar 2026 13:40:13 +0900
Subject: [PATCH] docs: Add a scary banner.

---
 docs/.vitepress/theme/AlphaBanner.vue |  8 ++++++++
 docs/.vitepress/theme/index.ts        |  2 ++
 docs/.vitepress/theme/styles.css      | 25 +++++++++++++++++++++++++
 3 files changed, 35 insertions(+)
 create mode 100644 docs/.vitepress/theme/AlphaBanner.vue

diff --git a/docs/.vitepress/theme/AlphaBanner.vue b/docs/.vitepress/theme/AlphaBanner.vue
new file mode 100644
index 000000000..cb99a701a
--- /dev/null
+++ b/docs/.vitepress/theme/AlphaBanner.vue
@@ -0,0 +1,8 @@
+<template>
+  <div class="alpha-banner-wrapper">
+    <div class="alpha-banner">
+      <strong>Private Alpha:</strong>Void is currently in Private Alpha. We do not recommend using
+      it for mission-critical production workloads yet. Please back up your data regularly.
+    </div>
+  </div>
+</template>
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index 9b8efc3c5..d2f7ed60d 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -9,6 +9,7 @@ import "virtual:group-icons.css";
 import "./styles.css";
 import CodeGroupSync from "./CodeGroupSync.vue";
 import DocFooter from "./DocFooter.vue";
+import AlphaBanner from "./AlphaBanner.vue";
 
 import logoDark from "./void-dark.svg";
 import logoLight from "./void-light.svg";
@@ -59,6 +60,7 @@ export default {
   extends: BaseTheme,
   Layout() {
     return h(BaseTheme.Layout, null, {
+      "doc-before": () => h(AlphaBanner),
       "aside-ads-before": () => h(AsideCredit),
       "layout-bottom": () => [h(DocFooter), h(CodeGroupSync)],
     });
diff --git a/docs/.vitepress/theme/styles.css b/docs/.vitepress/theme/styles.css
index 7838c890d..8c997d5b7 100644
--- a/docs/.vitepress/theme/styles.css
+++ b/docs/.vitepress/theme/styles.css
@@ -22,3 +22,28 @@
 .dark .aside-credit-logo-light {
   display: inline !important;
 }
+
+.alpha-banner-wrapper {
+  margin-bottom: 22px;
+}
+
+.alpha-banner {
+  background-color: color-mix(in srgb, var(--vp-c-danger-1) 7%, transparent);
+  border-radius: 12px;
+  border: 1px solid color-mix(in srgb, var(--vp-c-danger-1) 30%, transparent);
+  color: var(--vp-c-text-1);
+  font-size: 0.9em;
+  line-height: 1.5em;
+  padding: 12px 16px;
+}
+
+.alpha-banner strong {
+  color: var(--vp-c-danger-1);
+  margin-right: 0.35rem;
+}
+
+@media (min-width: 960px) {
+  .alpha-banner {
+    padding: 14px 18px;
+  }
+}