@takazudo/zudo-doc 8.1.2 → 9.0.0

package/dist/theme/theme-pack-provider.js

@@ -11,6 +11,7 @@ import {
   THEME_PACK_STORAGE_KEY,
   buildPackCssUrl
 } from "../theme-pack-switcher/theme-pack-sync.js";
+import { resolveConfiguredThemePack } from "../theme-packs-registry/configured-theme-pack.js";
 const THEME_PACK_LOADING_ATTR = "data-zd-theme-pack-loading";
 const THEME_PACK_LOAD_WATCHDOG_MS = 2e3;
 const THEME_PACK_LATCH_CSS = `html[${THEME_PACK_LOADING_ATTR}] body{visibility:hidden}`;
@@ -23,7 +24,7 @@ function themePackVersionMap(registry) {
 }
 function resolveThemePackSsrSlug(registry, settings) {
   if (registry === null) return void 0;
-  return settings.themePack ?? DEFAULT_THEME_PACK_SLUG;
+  return resolveConfiguredThemePack(settings);
 }
 function buildThemePackBootstrap(configuredSlug, enabled, base) {
   const configured = JSON.stringify(configuredSlug);

package/dist/theme-cli/config-io.js

@@ -1,6 +1,9 @@
 import fs from "fs-extra";
 import path from "node:path";
-import { DEFAULT_THEME_PACK_SLUG } from "../theme-packs-registry/index.js";
+import {
+  CONFIGURED_DEFAULT_THEME_PACK_SLUG,
+  DEFAULT_THEME_PACK_SLUG
+} from "../theme-packs-registry/index.js";
 import {
   ConfigSyntaxError,
   findMatchingBrace,
@@ -16,7 +19,10 @@ function resolveZfbConfigPath(cwd) {
 }
 async function detectActiveThemePack(cwd) {
   const configPath = resolveZfbConfigPath(cwd);
-  const fallback = { slug: DEFAULT_THEME_PACK_SLUG, detected: false };
+  const fallback = {
+    slug: CONFIGURED_DEFAULT_THEME_PACK_SLUG,
+    detected: false
+  };
   if (!await fs.pathExists(configPath)) return fallback;
   let source;
   try {
@@ -33,7 +39,24 @@ async function detectActiveThemePack(cwd) {
     const members = splitTopLevelMembers(source, braceOpenIdx + 1, braceCloseIdx);
     if (members.some((m) => m.isSpread)) return fallback;
     const themePackMember = members.find((m) => m.key === "themePack");
-    if (!themePackMember) return { slug: DEFAULT_THEME_PACK_SLUG, detected: true };
+    if (!themePackMember) {
+      const valueText = (key) => {
+        const member = members.find((m) => m.key === key);
+        if (!member) return void 0;
+        if (member.valueStart === null || member.valueEnd === null) return null;
+        return source.slice(member.valueStart, member.valueEnd).trim();
+      };
+      const colorSchemes = valueText("colorSchemes");
+      const colorMode = valueText("colorMode");
+      if (colorSchemes === null || colorMode === null) return fallback;
+      const customSchemes = colorSchemes !== void 0 && colorSchemes !== "undefined" && colorSchemes !== "null" && colorSchemes !== "defaultColorSchemes";
+      if (customSchemes || colorMode === "false") {
+        return { slug: DEFAULT_THEME_PACK_SLUG, detected: true };
+      }
+      const colorModeKnownNotFalse = colorMode === void 0 || colorMode === "undefined" || colorMode === "true" || colorMode.startsWith("{");
+      if (!colorModeKnownNotFalse) return fallback;
+      return { slug: CONFIGURED_DEFAULT_THEME_PACK_SLUG, detected: true };
+    }
     if (themePackMember.valueStart === null || themePackMember.valueEnd === null || !isPlainStringLiteralSpan(source, themePackMember.valueStart, themePackMember.valueEnd)) {
       return fallback;
     }

package/dist/theme-cli/list.js

@@ -50,7 +50,7 @@ function formatThemeList(result) {
   } else {
     lines.push(
       pc.dim(
-        `Active theme pack: ${activeSlug} (default \u2014 no zfb.config.ts "themePack" field found or readable)`
+        `Active theme pack: ${activeSlug} (assumed default \u2014 no zfb.config.ts "themePack" field found or readable)`
       )
     );
   }

package/dist/theme-packs/default/meta.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": 1,
   "slug": "default",
-  "name": "Default",
-  "description": "The stock zudo-doc look. No pack stylesheet is loaded — your project's configured color scheme and fonts render unchanged.",
+  "name": "Classic",
+  "description": "Classic — the original zudo-doc default look. No pack stylesheet is loaded — your project's configured color scheme and fonts render unchanged.",
   "mode": "dark",
   "version": "1.0.0",
   "fonts": {

package/dist/theme-packs/drift/pack.css

@@ -307,27 +307,62 @@ html[data-theme-pack="drift"] a[data-nav-active] {
     0 0 18px -4px color-mix(in oklch, var(--zd-accent) 45%, transparent);
 }
 
-/* headings: quiet luminance instead of heavy rules. The h2 keeps a
-   gradient bar but fades it into the accent glow — !important
-   defeats the SSR-inlined `style="border-image:linear-gradient(...)"`
-   (Decision 6.6's sole allowlisted carve-out). */
+/* headings: quiet luminance plus a top-only rule hierarchy. h2 carries
+   a 2px accent rule, h3 a quieter 1px muted rule, h4 no rule at all.
+   The rules are top-anchored background gradients; border-image none
+   !important (Decision 6.6's sole allowlisted carve-out) keeps the
+   SSR-inlined `style="border-image:linear-gradient(...)"` from painting
+   a second bar. */
 html[data-theme-pack="drift"] .zd-content h1 {
   text-shadow: 0 0 34px color-mix(in oklch, var(--zd-accent) 32%, transparent);
 }
 html[data-theme-pack="drift"] .zd-content h2:where(:not(.zd-home-heading)):where(:not(.zd-compact-prose *)) {
-  font-size: 1.6rem;
-}
-html[data-theme-pack="drift"] .zd-content h2 {
-  border-top-width: 1px;
-  border-image: linear-gradient(
-      to right,
-      color-mix(in oklch, var(--zd-accent) 55%, transparent),
-      transparent 72%
-    )
-    1 !important;
+  border-image: none !important;
+  border-top-width: 0;
+  border-bottom-width: 0;
+  padding-top: 1.25rem;
+  padding-bottom: 0;
+  font-size: 1.75rem;
+  font-weight: 600;
+  line-height: 1.3;
+  background-image: linear-gradient(
+    to right,
+    var(--zd-accent) 0%,
+    var(--zd-accent) 32%,
+    color-mix(in oklch, var(--zd-accent) 58%, transparent) 72%,
+    transparent 100%
+  );
+  background-size: 100% 2px;
+  background-repeat: no-repeat;
+  background-position: top left;
 }
 html[data-theme-pack="drift"] .zd-content h3:where(:not(.zd-compact-prose *)) {
-  border-top-width: 1px;
+  border-image: none !important;
+  border-top-width: 0;
+  border-bottom-width: 0;
+  padding-top: 0.875rem;
+  padding-bottom: 0;
+  font-size: 1.375rem;
+  font-weight: 600;
+  line-height: 1.4;
+  background-image: linear-gradient(
+    to right,
+    color-mix(in oklch, var(--zd-muted) 42%, transparent),
+    color-mix(in oklch, var(--zd-muted) 22%, transparent) 40%,
+    transparent 76%
+  );
+  background-size: 100% 1px;
+  background-repeat: no-repeat;
+  background-position: top left;
+}
+html[data-theme-pack="drift"] .zd-content h4:where(:not(.zd-compact-prose *)) {
+  border-width: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  font-size: 1.2rem;
+  font-weight: 500;
+  line-height: 1.45;
+  background-image: none;
 }
 
 /* links: airy underline that brightens on approach */

package/dist/theme-packs/fjord/pack.css

@@ -232,21 +232,62 @@ html[data-theme-pack="fjord"] a[data-nav-active] {
   box-shadow: 0 0 16px -4px color-mix(in oklch, var(--zd-accent) 55%, transparent);
 }
 
-/* headings: aurora rule over every h2 instead of the default fg
-   fade. The SSR-inlined `style="border-image:linear-gradient(...)"`
-   is defeated with !important (Decision 6.6's sole allowlisted
-   carve-out) — here it is REPLACED by the aurora ribbon, not
-   removed. */
-html[data-theme-pack="fjord"] .zd-content h2 {
-  border-top-width: 2px;
-  border-image: linear-gradient(
-      to right,
-      light-dark(oklch(0.6 0.1 195), oklch(0.78 0.11 185)),
-      light-dark(oklch(0.58 0.09 250), oklch(0.66 0.1 255)) 42%,
-      transparent 88%
-    )
-    1 !important;
+/* headings: a top-only rule hierarchy. h2 carries the 2px aurora
+   ribbon (cyan into blue) instead of the default fg fade, h3 a quieter
+   1px muted rule, h4 no rule. The rules are top-anchored background
+   gradients; border-image none !important (Decision 6.6's sole
+   allowlisted carve-out) keeps the SSR-inlined
+   `style="border-image:linear-gradient(...)"` from painting a second
+   bar. */
+html[data-theme-pack="fjord"] .zd-content h2:where(:not(.zd-home-heading)):where(:not(.zd-compact-prose *)) {
+  border-image: none !important;
+  border-top-width: 0;
+  border-bottom-width: 0;
+  padding-top: 1.25rem;
+  padding-bottom: 0;
+  font-size: 1.75rem;
+  font-weight: 700;
+  line-height: 1.3;
+  background-image: linear-gradient(
+    to right,
+    light-dark(oklch(0.6 0.1 195), oklch(0.78 0.11 185)) 0%,
+    light-dark(oklch(0.6 0.1 195), oklch(0.78 0.11 185)) 24%,
+    light-dark(oklch(0.58 0.09 250), oklch(0.66 0.1 255)) 64%,
+    transparent 100%
+  );
+  background-size: 100% 2px;
+  background-repeat: no-repeat;
+  background-position: top left;
 }
+html[data-theme-pack="fjord"] .zd-content h3:where(:not(.zd-compact-prose *)) {
+  border-image: none !important;
+  border-top-width: 0;
+  border-bottom-width: 0;
+  padding-top: 0.875rem;
+  padding-bottom: 0;
+  font-size: 1.375rem;
+  font-weight: 600;
+  line-height: 1.4;
+  background-image: linear-gradient(
+    to right,
+    color-mix(in oklch, var(--zd-muted) 42%, transparent),
+    color-mix(in oklch, var(--zd-muted) 22%, transparent) 40%,
+    transparent 76%
+  );
+  background-size: 100% 1px;
+  background-repeat: no-repeat;
+  background-position: top left;
+}
+html[data-theme-pack="fjord"] .zd-content h4:where(:not(.zd-compact-prose *)) {
+  border-width: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  font-size: 1.2rem;
+  font-weight: 500;
+  line-height: 1.45;
+  background-image: none;
+}
+
 html[data-theme-pack="fjord"] .zd-content h1 {
   color: color-mix(in oklch, var(--zd-accent) 10%, var(--zd-fg));
 }

package/dist/theme-packs/graphite/meta.json

@@ -0,0 +1,37 @@
+{
+  "schemaVersion": 1,
+  "slug": "graphite",
+  "name": "Graphite",
+  "description": "Soft neutral graphite — low-glare grey paper by day, deep graphite at night, one warm copper accent, quiet hairline rules. The configured default.",
+  "mode": "dark",
+  "version": "1.0.0",
+  "fonts": {
+    "sans": "System",
+    "mono": "System",
+    "loaded": []
+  },
+  "preview": {
+    "light": {
+      "bg": "#F2F3F2",
+      "fg": "#3A4146",
+      "accent": "#9A4919",
+      "syntax": {
+        "keyword": "#9A4919",
+        "string": "#4E6552",
+        "comment": "#566168",
+        "callable": "#4B6373"
+      }
+    },
+    "dark": {
+      "bg": "#242629",
+      "fg": "#D3D5D9",
+      "accent": "#E9AA79",
+      "syntax": {
+        "keyword": "#E9AA79",
+        "string": "#9DBA9A",
+        "comment": "#ADB2B8",
+        "callable": "#9DB6C5"
+      }
+    }
+  }
+}