@aravindc26/velu 0.7.0 → 0.9.0

package/src/themes.ts

@@ -88,10 +88,6 @@ function deriveAccentPalette(primary: string): { dark: Pick<ColorSet, "accentLow
 }
 
 // ── Gray palettes ────────────────────────────────────────────────────────────
-// Starlight convention: gray-1 = strongest foreground, gray-7 = subtlest
-// In dark mode: gray-1 is light, gray-7 is dark
-// In light mode: gray-1 is dark, gray-7 is light
-// --sl-color-white = foreground extreme, --sl-color-black = background extreme
 
 const GRAY_SLATE = {
   dark: {
@@ -280,21 +276,10 @@ const THEMES: Record<string, ThemePreset> = {
 
 // ── CSS generator ────────────────────────────────────────────────────────────
 
-function colorSetToCss(colors: ColorSet): string {
-  return [
-    `  --sl-color-accent-low: ${colors.accentLow};`,
-    `  --sl-color-accent: ${colors.accent};`,
-    `  --sl-color-accent-high: ${colors.accentHigh};`,
-    `  --sl-color-white: ${colors.white};`,
-    `  --sl-color-gray-1: ${colors.gray1};`,
-    `  --sl-color-gray-2: ${colors.gray2};`,
-    `  --sl-color-gray-3: ${colors.gray3};`,
-    `  --sl-color-gray-4: ${colors.gray4};`,
-    `  --sl-color-gray-5: ${colors.gray5};`,
-    `  --sl-color-gray-6: ${colors.gray6};`,
-    `  --sl-color-gray-7: ${colors.gray7};`,
-    `  --sl-color-black: ${colors.black};`,
-  ].join("\n");
+function textColorFor(hex: string): string {
+  const [r, g, b] = hexToRgb(hex);
+  const yiq = (r * 299 + g * 587 + b * 114) / 1000;
+  return yiq >= 140 ? "#111111" : "#ffffff";
 }
 
 function generateThemeCss(config: ThemeConfig): string {
@@ -330,22 +315,42 @@ function generateThemeCss(config: ThemeConfig): string {
   lines.push(`/* Velu Theme: ${themeName} */`);
   lines.push("");
 
-  // Dark mode (Starlight default)
+  // Light mode (default)
   lines.push(":root {");
-  lines.push(colorSetToCss(darkColors));
+  lines.push(`  --color-fd-primary: ${lightColors.accent};`);
+  lines.push(`  --color-fd-primary-foreground: ${textColorFor(lightColors.accent)};`);
+  lines.push(`  --color-fd-accent: ${lightColors.accentLow};`);
+  lines.push(`  --color-fd-accent-foreground: ${textColorFor(lightColors.accentLow)};`);
+  lines.push(`  --color-fd-ring: ${lightColors.accent};`);
+  lines.push("}");
+
+  // Dark mode
+  lines.push("");
+  lines.push(".dark {");
+  lines.push(`  --color-fd-primary: ${darkColors.accent};`);
+  lines.push(`  --color-fd-primary-foreground: ${textColorFor(darkColors.accent)};`);
+  lines.push(`  --color-fd-accent: ${darkColors.accentLow};`);
+  lines.push(`  --color-fd-accent-foreground: ${textColorFor(darkColors.accentLow)};`);
+  lines.push(`  --color-fd-ring: ${darkColors.accent};`);
+  lines.push("}");
+
+  if (preset.font || preset.fontMono) {
+    lines.push("");
+  }
   if (preset.font) {
-    lines.push(`  --sl-font: ${preset.font};`);
+    lines.push(`body { font-family: ${preset.font}; }`);
   }
   if (preset.fontMono) {
-    lines.push(`  --sl-font-mono: ${preset.fontMono};`);
+    lines.push(`code, pre, kbd, samp { font-family: ${preset.fontMono}; }`);
   }
-  lines.push("}");
-  lines.push("");
 
-  // Light mode
-  lines.push(":root[data-theme='light'] {");
-  lines.push(colorSetToCss(lightColors));
-  lines.push("}");
+  if (config.appearance === "light") {
+    lines.push("");
+    lines.push("html { color-scheme: light; }");
+  } else if (config.appearance === "dark") {
+    lines.push("");
+    lines.push("html { color-scheme: dark; }");
+  }
   lines.push("");
 
   return lines.join("\n");

package/src/validate.ts

@@ -5,6 +5,7 @@ import { resolve, join } from "node:path";
 
 interface VeluGroup {
   group: string;
+  slug: string;
   icon?: string;
   tag?: string;
   expanded?: boolean;
@@ -13,6 +14,7 @@ interface VeluGroup {
 
 interface VeluTab {
   tab: string;
+  slug: string;
   icon?: string;
   href?: string;
   pages?: string[];
@@ -26,9 +28,7 @@ interface VeluConfig {
   appearance?: "system" | "light" | "dark";
   styling?: { codeblocks?: { theme?: string | { light: string; dark: string } } };
   navigation: {
-    tabs?: VeluTab[];
-    groups?: VeluGroup[];
-    pages?: string[];
+    tabs: VeluTab[];
   };
 }
 
@@ -50,27 +50,13 @@ function collectPages(config: VeluConfig): string[] {
     }
   }
 
-  const nav = config.navigation;
-
-  if (nav.pages) {
-    pages.push(...nav.pages);
-  }
-
-  if (nav.groups) {
-    for (const group of nav.groups) {
-      collectFromGroup(group);
+  for (const tab of config.navigation.tabs) {
+    if (tab.pages) {
+      pages.push(...tab.pages);
     }
-  }
-
-  if (nav.tabs) {
-    for (const tab of nav.tabs) {
-      if (tab.pages) {
-        pages.push(...tab.pages);
-      }
-      if (tab.groups) {
-        for (const group of tab.groups) {
-          collectFromGroup(group);
-        }
+    if (tab.groups) {
+      for (const group of tab.groups) {
+        collectFromGroup(group);
       }
     }
   }