WIP

Author: GordonSmith

.vitepress/config.ts

@@ -1,5 +1,5 @@
 import { defineConfig } from 'vitepress'
-import { witLang } from '../grammar/dist/index.js'
+import { witLang } from '../build/grammar/index.js'
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
@@ -11,7 +11,11 @@ export default defineConfig({
     markdown: {
         languages: [
             witLang()
-        ]
+        ],
+        theme: {
+            light: 'github-light',
+            dark: 'github-dark'
+        }
     },
 
     themeConfig: {

.vitepress/theme/Layout.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import DefaultTheme from 'vitepress/theme'
+import { useRoute } from 'vitepress'
+
+const { Layout } = DefaultTheme
+const route = useRoute()
+
+// Don't show banner on home page since it has its own
+const showBanner = route.path !== '/'
+</script>
+
+<template>
+  <Layout>
+    <template #doc-before>
+      <div v-if="showBanner" class="construction-banner">
+        <div class="custom-block warning">
+          <p class="custom-block-title">⚠️ DOCUMENTATION UNDER CONSTRUCTION ⚠️</p>
+          <p><strong>This documentation is being written from scratch.</strong> What you see here is essentially placeholder content and should not be trusted as accurate. Expect significant changes and updates.</p>
+        </div>
+      </div>
+    </template>
+  </Layout>
+</template>
+
+<style scoped>
+.construction-banner {
+  margin-bottom: 2rem;
+}
+</style>

.vitepress/theme/custom.css

@@ -4,17 +4,40 @@
  */
 
 /**
- * Colors - Orange Brand
+ * Colors - VS Code Modern Theme
  * -------------------------------------------------------------------------- */
 
 :root {
-    --vp-c-brand-1: #c26518;
-    --vp-c-brand-2: #d97616;
-    --vp-c-brand-3: #a54f12;
+    /* Brand colors inspired by VS Code Modern */
+    --vp-c-brand-1: #005fb8;
+    --vp-c-brand-2: #0078d4;
+    --vp-c-brand-3: #106ebe;
+
+    /* Background colors - Light Modern */
+    --vp-c-bg: #ffffff;
+    --vp-c-bg-soft: #f8f8f8;
+    --vp-c-bg-alt: #f5f5f5;
+
+    /* Text colors */
+    --vp-c-text-1: #1e1e1e;
+    --vp-c-text-2: #383838;
+    --vp-c-text-3: #6a6a6a;
 }
 
 .dark {
-    --vp-c-brand-1: #d97616;
-    --vp-c-brand-2: #c26518;
-    --vp-c-brand-3: #a54f12;
+    /* Brand colors for dark mode */
+    --vp-c-brand-1: #4fc3f7;
+    --vp-c-brand-2: #29b6f6;
+    --vp-c-brand-3: #0288d1;
+
+    /* Background colors - Dark Modern */
+    --vp-c-bg: #1e1e1e;
+    --vp-c-bg-soft: #252526;
+    --vp-c-bg-alt: #2d2d30;
+    --vp-c-bg-elv: #2d2d30;
+
+    /* Text colors */
+    --vp-c-text-1: #cccccc;
+    --vp-c-text-2: #b0b0b0;
+    --vp-c-text-3: #808080;
 }

.vitepress/theme/index.ts

@@ -1,4 +1,8 @@
 import DefaultTheme from 'vitepress/theme'
 import './custom.css'
+import Layout from './Layout.vue'
 
-export default DefaultTheme
+export default {
+    extends: DefaultTheme,
+    Layout
+}

README.md

@@ -19,6 +19,7 @@ This repository provides a header-only C++20 implementation of the WebAssembly C
 
 ## Official Documentation, Issues, and Discussions
 
+⚠️ 🚧 DOCUMENTATION UNDER CONSTRUCTION 🚧 ⚠️
 * [Official Documentation](https://GordonSmith.github.io/component-model-cpp/)
 * [GitHub Issues](https://github.com/GordonSmith/component-model-cpp/issues)
 * [GitHub Discussions](https://github.com/GordonSmith/component-model-cpp/discussions)

package.json

@@ -3,9 +3,9 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "clean": "rimraf .vitepress/cache .vitepress/dist grammar/dist",
-    "grammar:build": "tsup grammar/index.ts --format esm --dts --clean --out-dir grammar/dist",
-    "grammar:dev": "tsup grammar/index.ts --format esm --dts --watch --out-dir grammar/dist",
+    "clean": "rimraf .vitepress/cache .vitepress/dist build/grammar",
+    "grammar:build": "tsup grammar/index.ts --format esm --dts --clean --out-dir build/grammar",
+    "grammar:dev": "tsup grammar/index.ts --format esm --dts --watch --out-dir build/grammar",
     "dev": "npm run grammar:build && vitepress dev",
     "build": "npm run grammar:build && vitepress build",
     "preview": "vitepress preview",