@openpkg-ts/adapters 0.2.0

package/README.md

@@ -0,0 +1,51 @@
+# @openpkg-ts/adapters
+
+Framework adapters for OpenPkg API documentation.
+
+## Fumadocs
+
+```bash
+npm install @openpkg-ts/adapters fumadocs-core
+```
+
+```ts
+import { loader } from 'fumadocs-core/source';
+import { openpkgSource, openpkgPlugin } from '@openpkg-ts/adapters/fumadocs';
+import spec from './openpkg.json';
+
+export const apiSource = loader({
+  baseUrl: '/docs/api',
+  source: openpkgSource({ spec }),
+  plugins: [openpkgPlugin()],
+});
+```
+
+### CSS
+
+```css
+@import '@openpkg-ts/adapters/fumadocs/css';
+```
+
+### Components
+
+```ts
+import { SidebarKindBadge } from '@openpkg-ts/adapters/fumadocs/components';
+```
+
+### Options
+
+| Option | Type | Default | Description |
+|--------|------|---------|-------------|
+| `spec` | `OpenPkg` | required | The OpenPkg spec |
+| `baseDir` | `string` | `'api'` | Base directory |
+| `mode` | `'pages' \| 'single'` | `'pages'` | Navigation mode |
+| `indexPage` | `boolean` | `true` | Generate index page |
+
+## Future Adapters
+
+- `@openpkg-ts/adapters/docusaurus` (planned)
+- `@openpkg-ts/adapters/mintlify` (planned)
+
+## License
+
+MIT

package/dist/components/index.d.ts

@@ -0,0 +1,15 @@
+import { SpecExportKind } from "@openpkg-ts/spec";
+import { ReactNode } from "react";
+interface SidebarKindBadgeProps {
+	kind: SpecExportKind;
+	className?: string;
+}
+/**
+* Sidebar badge component for fumadocs page tree.
+* Wraps @openpkg-ts/ui KindBadge with size="sm" for sidebar use.
+*
+* Uses createElement instead of JSX for compatibility with
+* fumadocs transformPageTree server context.
+*/
+declare function SidebarKindBadge({ kind, className }: SidebarKindBadgeProps): ReactNode;
+export { SidebarKindBadgeProps, SidebarKindBadge };

package/dist/components/index.js

@@ -0,0 +1,6 @@
+import {
+  SidebarKindBadge
+} from "../shared/chunk-t3t704xs.js";
+export {
+  SidebarKindBadge
+};

package/dist/index.d.ts

@@ -0,0 +1,118 @@
+import { DocsInstance as DocsInstance2, LoadOptions, AlgoliaRecord, PagefindRecord, SearchIndex, SearchOptions } from "@openpkg-ts/sdk";
+import { createDocs, loadSpec, buildSignatureString, formatParameters, formatReturnType, formatSchema, formatTypeParameters, getMethods, getProperties, groupByVisibility, isMethod, isProperty, resolveTypeRef, sortByName, toAlgoliaRecords, toPagefindRecords, toSearchIndex, toSearchIndexJSON, toHTML, toJSON, toJSONString, toMarkdown, toNavigation, toDocusaurusSidebarJS, toFumadocsMetaJSON, exportToMarkdown } from "@openpkg-ts/sdk";
+import { OpenPkg as OpenPkg2, SpecExample, SpecExport as SpecExport2, SpecExportKind as SpecExportKind2, SpecMember, SpecSchema, SpecSignature, SpecSignatureParameter, SpecTag, SpecType, SpecTypeKind, SpecTypeParameter } from "@openpkg-ts/spec";
+import { OpenPkg, SpecExport } from "@openpkg-ts/spec";
+import { DocsInstance } from "@openpkg-ts/sdk";
+import { Source } from "fumadocs-core/source";
+interface OpenPkgSourceOptions {
+	/** OpenPkg spec or DocsInstance */
+	spec: OpenPkg | DocsInstance;
+	/** Base directory for pages (default: 'api') */
+	baseDir?: string;
+	/** Generate index page at baseDir/index.mdx (default: true) */
+	indexPage?: boolean;
+	/**
+	* Navigation mode:
+	* - 'pages': Individual pages per grouped by kind (default)
+	* - 'single': Single page with all exports and in-page navigation
+	*/
+	mode?: "pages" | "single";
+}
+interface OpenPkgPageData {
+	title: string;
+	description?: string;
+	/** The from the spec */
+	export: SpecExport;
+	/** The full OpenPkg spec */
+	spec: OpenPkg;
+}
+interface OpenPkgIndexPageData {
+	title: string;
+	description?: string;
+	/** Index page marker */
+	isIndex: true;
+	/** The full OpenPkg spec */
+	spec: OpenPkg;
+}
+/** Page data for single-page mode */
+interface OpenPkgSinglePageData {
+	title: string;
+	description?: string;
+	/** Single page mode marker */
+	isSinglePage: true;
+	/** The full OpenPkg spec */
+	spec: OpenPkg;
+}
+interface OpenPkgMetaData {
+	title: string;
+	pages: string[];
+	defaultOpen?: boolean;
+}
+/**
+* Create a virtual source for Fumadocs from an OpenPkg spec.
+*
+* This generates virtual pages grouped by kind (functions, types, etc.)
+* that integrate with Fumadocs' loader and sidebar.
+*
+* @example
+* ```ts
+* // Multi-page mode (default) - individual pages per * import { loader } from 'fumadocs-core/source';
+* import { openpkgSource } from '@openpkg-ts/adapters/fumadocs';
+* import spec from './openpkg.json';
+*
+* const source = loader({
+*   baseUrl: '/docs/api',
+*   source: openpkgSource({ spec }),
+* });
+* ```
+*
+* @example
+* ```ts
+* // Single-page mode - all exports on one scrollable page
+* const source = loader({
+*   baseUrl: '/docs/api',
+*   source: openpkgSource({ spec, mode: 'single' }),
+* });
+* ```
+*/
+declare function openpkgSource(options: OpenPkgSourceOptions): Source<{
+	pageData: OpenPkgPageData | OpenPkgIndexPageData | OpenPkgSinglePageData;
+	metaData: OpenPkgMetaData;
+}>;
+import { LoaderPlugin } from "fumadocs-core/source";
+import { SpecExportKind } from "@openpkg-ts/spec";
+import { ReactNode } from "react";
+interface SidebarKindBadgeProps {
+	kind: SpecExportKind;
+	className?: string;
+}
+/**
+* Sidebar badge component for fumadocs page tree.
+* Wraps @openpkg-ts/ui KindBadge with size="sm" for sidebar use.
+*
+* Uses createElement instead of JSX for compatibility with
+* fumadocs transformPageTree server context.
+*/
+declare function SidebarKindBadge({ kind, className }: SidebarKindBadgeProps): ReactNode;
+interface OpenpkgPluginOptions {
+	/** Show kind badges in sidebar (default: true) */
+	showBadges?: boolean;
+}
+/**
+* Fumadocs loader plugin that enhances page tree nodes with kind badges.
+*
+* @example
+* ```ts
+* import { loader } from 'fumadocs-core/source';
+* import { openpkgSource, openpkgPlugin } from '@openpkg-ts/adapters/fumadocs';
+* import spec from './openpkg.json';
+*
+* const source = loader({
+*   baseUrl: '/docs/api',
+*   source: openpkgSource({ spec }),
+*   plugins: [openpkgPlugin()],
+* });
+* ```
+*/
+declare function openpkgPlugin(options?: OpenpkgPluginOptions): LoaderPlugin;
+export { toSearchIndexJSON, toSearchIndex, toPagefindRecords, toNavigation, toMarkdown, toJSONString, toJSON, toHTML, toFumadocsMetaJSON, toDocusaurusSidebarJS, toAlgoliaRecords, sortByName, resolveTypeRef, openpkgSource, openpkgPlugin, loadSpec, isProperty, isMethod, groupByVisibility, getProperties, getMethods, formatTypeParameters, formatSchema, formatReturnType, formatParameters, exportToMarkdown, createDocs, buildSignatureString, SpecTypeParameter, SpecTypeKind, SpecType, SpecTag, SpecSignatureParameter, SpecSignature, SpecSchema, SpecMember, SpecExportKind2 as SpecExportKind, SpecExport2 as SpecExport, SpecExample, SidebarKindBadgeProps, SidebarKindBadge, SearchOptions, SearchIndex, PagefindRecord, OpenpkgPluginOptions, OpenPkgSourceOptions, OpenPkgSinglePageData, OpenPkgPageData, OpenPkgMetaData, OpenPkgIndexPageData, OpenPkg2 as OpenPkg, LoadOptions, SidebarKindBadgeProps as KindBadgeProps, SidebarKindBadge as KindBadge, DocsInstance2 as DocsInstance, AlgoliaRecord };

package/dist/index.js

@@ -0,0 +1,232 @@
+import {
+  SidebarKindBadge
+} from "./shared/chunk-t3t704xs.js";
+
+// src/fumadocs/index.ts
+import {
+  createDocs as createDocs2,
+  loadSpec,
+  buildSignatureString,
+  formatParameters,
+  formatReturnType,
+  formatSchema,
+  formatTypeParameters,
+  getMethods,
+  getProperties,
+  groupByVisibility,
+  isMethod,
+  isProperty,
+  resolveTypeRef,
+  sortByName,
+  toAlgoliaRecords,
+  toPagefindRecords,
+  toSearchIndex,
+  toSearchIndexJSON,
+  toHTML,
+  toJSON,
+  toJSONString,
+  toMarkdown,
+  toNavigation,
+  toDocusaurusSidebarJS,
+  toFumadocsMetaJSON,
+  exportToMarkdown
+} from "@openpkg-ts/sdk";
+
+// src/fumadocs/source.ts
+import { createDocs } from "@openpkg-ts/sdk";
+var KIND_ORDER = ["function", "class", "interface", "type", "enum", "variable"];
+var KIND_LABELS = {
+  function: "Functions",
+  class: "Classes",
+  interface: "Interfaces",
+  type: "Types",
+  enum: "Enums",
+  variable: "Variables",
+  namespace: "Namespaces",
+  module: "Modules",
+  reference: "References",
+  external: "External"
+};
+var KIND_SLUGS = {
+  function: "functions",
+  class: "classes",
+  interface: "interfaces",
+  type: "types",
+  enum: "enums",
+  variable: "variables",
+  namespace: "namespaces",
+  module: "modules",
+  reference: "references",
+  external: "externals"
+};
+function pluralizeKind(kind) {
+  return KIND_SLUGS[kind] || `${kind}s`;
+}
+function openpkgSource(options) {
+  const { baseDir = "api", indexPage = true, mode = "pages" } = options;
+  const docs = "getAllExports" in options.spec ? options.spec : createDocs(options.spec);
+  const spec = docs.spec;
+  const exports = docs.getAllExports();
+  const files = [];
+  if (mode === "single") {
+    files.push({
+      type: "meta",
+      path: `${baseDir}/meta.json`,
+      data: {
+        title: spec.meta.name || "API Reference",
+        pages: ["index"],
+        defaultOpen: true
+      }
+    });
+    files.push({
+      type: "page",
+      path: `${baseDir}/index.mdx`,
+      slugs: [],
+      data: {
+        title: spec.meta.name || "API Reference",
+        description: spec.meta.description,
+        isSinglePage: true,
+        spec
+      }
+    });
+    return { files };
+  }
+  const groupedByKind = new Map;
+  for (const exp of exports) {
+    const kind = exp.kind;
+    if (!groupedByKind.has(kind)) {
+      groupedByKind.set(kind, []);
+    }
+    groupedByKind.get(kind).push(exp);
+  }
+  const rootPages = [];
+  if (indexPage) {
+    rootPages.push("index");
+  }
+  for (const kind of KIND_ORDER) {
+    if (groupedByKind.has(kind)) {
+      rootPages.push(`...${pluralizeKind(kind)}`);
+    }
+  }
+  files.push({
+    type: "meta",
+    path: `${baseDir}/meta.json`,
+    data: {
+      title: spec.meta.name || "API Reference",
+      pages: rootPages,
+      defaultOpen: true
+    }
+  });
+  if (indexPage) {
+    files.push({
+      type: "page",
+      path: `${baseDir}/index.mdx`,
+      slugs: [],
+      data: {
+        title: spec.meta.name || "API Reference",
+        description: spec.meta.description,
+        isIndex: true,
+        spec
+      }
+    });
+  }
+  for (const kind of KIND_ORDER) {
+    const kindExports = groupedByKind.get(kind);
+    if (!kindExports || kindExports.length === 0)
+      continue;
+    const kindSlug = pluralizeKind(kind);
+    const kindDir = `${baseDir}/${kindSlug}`;
+    const label = KIND_LABELS[kind] || kindSlug;
+    const sortedExports = [...kindExports].sort((a, b) => a.name.localeCompare(b.name));
+    files.push({
+      type: "meta",
+      path: `${kindDir}/meta.json`,
+      data: {
+        title: label,
+        pages: sortedExports.map((exp) => exp.id),
+        defaultOpen: false
+      }
+    });
+    for (const exp of sortedExports) {
+      files.push({
+        type: "page",
+        path: `${kindDir}/${exp.id}.mdx`,
+        slugs: [kindSlug, exp.id],
+        data: {
+          title: exp.name,
+          description: exp.description,
+          export: exp,
+          spec
+        }
+      });
+    }
+  }
+  return { files };
+}
+// src/fumadocs/plugin.ts
+import { createElement } from "react";
+var SUPPORTED_KINDS = new Set([
+  "function",
+  "class",
+  "interface",
+  "type",
+  "enum",
+  "variable",
+  "namespace",
+  "module",
+  "reference",
+  "external"
+]);
+function openpkgPlugin(options = {}) {
+  const { showBadges = true } = options;
+  return {
+    name: "openpkg",
+    transformPageTree: {
+      file(node, filePath) {
+        if (!showBadges || !filePath)
+          return node;
+        const file = this.storage.read(filePath);
+        if (!file || file.format !== "page")
+          return node;
+        const pageData = file.data;
+        const kind = pageData.export?.kind;
+        if (!kind || !SUPPORTED_KINDS.has(kind))
+          return node;
+        const badge = createElement(SidebarKindBadge, { kind });
+        return { ...node, icon: badge };
+      }
+    }
+  };
+}
+export {
+  toSearchIndexJSON,
+  toSearchIndex,
+  toPagefindRecords,
+  toNavigation,
+  toMarkdown,
+  toJSONString,
+  toJSON,
+  toHTML,
+  toFumadocsMetaJSON,
+  toDocusaurusSidebarJS,
+  toAlgoliaRecords,
+  sortByName,
+  resolveTypeRef,
+  openpkgSource,
+  openpkgPlugin,
+  loadSpec,
+  isProperty,
+  isMethod,
+  groupByVisibility,
+  getProperties,
+  getMethods,
+  formatTypeParameters,
+  formatSchema,
+  formatReturnType,
+  formatParameters,
+  exportToMarkdown,
+  createDocs2 as createDocs,
+  buildSignatureString,
+  SidebarKindBadge,
+  SidebarKindBadge as KindBadge
+};

package/dist/shared/chunk-t3t704xs.js

@@ -0,0 +1,26 @@
+// src/fumadocs/components/sidebar-badge.tsx
+import { KindBadge as UIKindBadge } from "@openpkg-ts/ui/badge";
+import { createElement } from "react";
+var SUPPORTED_KINDS = new Set([
+  "function",
+  "class",
+  "interface",
+  "type",
+  "enum",
+  "variable",
+  "namespace",
+  "module",
+  "reference",
+  "external"
+]);
+function SidebarKindBadge({ kind, className }) {
+  if (!SUPPORTED_KINDS.has(kind))
+    return null;
+  return createElement(UIKindBadge, {
+    kind,
+    size: "sm",
+    className
+  });
+}
+
+export { SidebarKindBadge };

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@openpkg-ts/adapters",
+  "version": "0.2.0",
+  "description": "Framework adapters for OpenPkg - Fumadocs, Docusaurus, Mintlify, etc.",
+  "keywords": [
+    "openpkg",
+    "fumadocs",
+    "docusaurus",
+    "mintlify",
+    "documentation",
+    "adapter"
+  ],
+  "homepage": "https://github.com/ryanwaits/openpkg-ts#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ryanwaits/openpkg-ts.git",
+    "directory": "packages/adapters"
+  },
+  "license": "MIT",
+  "author": "Ryan Waits",
+  "type": "module",
+  "exports": {
+    "./fumadocs": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./fumadocs/components": {
+      "import": "./dist/components/index.js",
+      "types": "./dist/components/index.d.ts"
+    },
+    "./fumadocs/css": "./src/fumadocs/styles/docskit.css"
+  },
+  "files": [
+    "dist",
+    "src/fumadocs/styles"
+  ],
+  "scripts": {
+    "build": "bunup",
+    "lint": "biome check src/",
+    "lint:fix": "biome check --write src/",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@openpkg-ts/sdk": "workspace:*",
+    "@openpkg-ts/spec": "workspace:*",
+    "@openpkg-ts/ui": "workspace:*"
+  },
+  "peerDependencies": {
+    "fumadocs-core": "^16.0.0",
+    "react": "^18 || ^19"
+  },
+  "peerDependenciesMeta": {
+    "fumadocs-core": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "bunup": "latest",
+    "fumadocs-core": "^16.4.0",
+    "typescript": "^5.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/fumadocs/styles/docskit.css

@@ -0,0 +1,225 @@
+/**
+ * Docskit CSS Variables for Fumadocs
+ *
+ * This file defines the CSS variables needed for @openpkg-ts/ui docskit components
+ * to work within Fumadocs themes.
+ *
+ * Import this in your global CSS:
+ *   @import '@openpkg-ts/fumadocs-adapter/css';
+ *
+ * Or add these variables to your Tailwind CSS:
+ *   @import 'tailwindcss';
+ *   @import 'fumadocs-ui/css/neutral.css';
+ *   @import 'fumadocs-ui/css/preset.css';
+ *   @import '@openpkg-ts/fumadocs-adapter/css';
+ */
+
+/* Tailwind v4 theme - shadcn-style color utilities */
+@theme {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-border: var(--border);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+
+  /* Kind badge colors */
+  --color-kind-function: var(--kind-function);
+  --color-kind-class: var(--kind-class);
+  --color-kind-interface: var(--kind-interface);
+  --color-kind-type: var(--kind-type);
+  --color-kind-enum: var(--kind-enum);
+  --color-kind-variable: var(--kind-variable);
+  --color-kind-namespace: var(--kind-namespace);
+  --color-kind-module: var(--kind-module);
+  --color-kind-reference: var(--kind-reference);
+  --color-kind-external: var(--kind-external);
+
+  /* Docskit code block colors - mapped to CodeHike GitHub theme vars */
+  --color-dk-background: var(--ch-16);
+  --color-dk-border: var(--ch-23);
+  --color-dk-tabs-background: var(--ch-22);
+  --color-dk-tab-inactive-foreground: var(--ch-15);
+  --color-dk-tab-active-foreground: var(--ch-4);
+  --color-dk-selection: var(--ch-20);
+  --color-dk-line-number: var(--ch-24);
+  --color-dk-active-border: var(--ch-3);
+
+  /* CodeHike syntax colors for Tailwind utilities */
+  --color-ch-0: var(--ch-0);
+  --color-ch-1: var(--ch-1);
+  --color-ch-2: var(--ch-2);
+  --color-ch-3: var(--ch-3);
+  --color-ch-4: var(--ch-4);
+  --color-ch-5: var(--ch-5);
+  --color-ch-6: var(--ch-6);
+  --color-ch-7: var(--ch-7);
+  --color-ch-8: var(--ch-8);
+  --color-ch-9: var(--ch-9);
+}
+
+@layer base {
+  :root {
+    /* shadcn/ui style variables mapped to Fumadocs */
+    --background: var(--color-fd-background);
+    --foreground: var(--color-fd-foreground);
+    --card: var(--color-fd-card);
+    --card-foreground: var(--color-fd-card-foreground, var(--color-fd-foreground));
+    --muted: var(--color-fd-muted);
+    --muted-foreground: var(--color-fd-muted-foreground);
+    --border: var(--color-fd-border);
+    --primary: var(--color-fd-primary);
+    --primary-foreground: var(--color-fd-primary-foreground, hsl(0 0% 100%));
+    --secondary: var(--color-fd-secondary);
+    --secondary-foreground: var(--color-fd-secondary-foreground, var(--color-fd-foreground));
+    --accent: var(--color-fd-accent);
+    --accent-foreground: var(--color-fd-accent-foreground, var(--color-fd-foreground));
+
+    /* Kind badge colors - light mode defaults */
+    --kind-function: #7c3aed;
+    --kind-class: #2563eb;
+    --kind-interface: #0891b2;
+    --kind-type: #0d9488;
+    --kind-enum: #d97706;
+    --kind-variable: #57534e;
+    --kind-namespace: #9333ea;
+    --kind-module: #1d4ed8;
+    --kind-reference: #6366f1;
+    --kind-external: #78716c;
+  }
+
+  /* Dark mode kind badge colors */
+  .dark,
+  [data-theme="dark"] {
+    --kind-function: #a78bfa;
+    --kind-class: #60a5fa;
+    --kind-interface: #22d3ee;
+    --kind-type: #2dd4bf;
+    --kind-enum: #fbbf24;
+    --kind-variable: #a8a29e;
+    --kind-namespace: #c084fc;
+    --kind-module: #93c5fd;
+    --kind-reference: #a5b4fc;
+    --kind-external: #d6d3d1;
+  }
+}
+
+/* Tailwind utility classes for docskit - selection needs special handling */
+@layer utilities {
+  .selection\:bg-dk-selection::selection,
+  .selection\:bg-dk-selection *::selection {
+    background-color: var(--ch-20);
+  }
+}
+
+/* API Reference page layouts */
+@layer components {
+  /* Common padding for all doccov pages - matches Fumadocs OpenAPI */
+  .doccov-function-page,
+  .doccov-class-page,
+  .doccov-interface-page,
+  .doccov-enum-page,
+  .doccov-variable-page,
+  .doccov-index-page,
+  .doccov-full-reference-page {
+    width: 100%;
+    max-width: 1200px;
+    padding: 32px 24px 24px;
+  }
+
+  /* Mobile-first: stack layout on small screens */
+  @media (max-width: 1023px) {
+    .doccov-function-page aside,
+    .doccov-class-page aside,
+    .doccov-interface-page aside {
+      margin-top: 2rem;
+      position: relative;
+      top: auto;
+      max-height: none;
+      overflow-y: visible;
+    }
+  }
+
+  /* Large screens: two-column with sticky sidebar */
+  @media (min-width: 1024px) {
+    .doccov-function-page,
+    .doccov-class-page,
+    .doccov-interface-page {
+      overflow: visible;
+    }
+  }
+}
+
+/* CodeHike syntax highlighting theme - github-from-css */
+/* These --ch-* variables are required for the "github-from-css" theme */
+@layer base {
+  /* GitHub Dark theme (default) */
+  :root {
+    --ch-0: #e6edf3; /* default text */
+    --ch-1: #ff7b72; /* strings, inherited class */
+    --ch-2: #a5d6ff; /* string literals */
+    --ch-3: #79c0ff; /* keywords, function names */
+    --ch-4: #a5d6ff; /* constants */
+    --ch-5: #d2a8ff; /* entity names, types */
+    --ch-6: #ffa657; /* variables, tag names */
+    --ch-7: #8b949e; /* comments */
+    --ch-8: #79c0ff; /* support */
+    --ch-9: #e6edf3; /* punctuation */
+    --ch-10: #f0f6fc;
+    --ch-11: #490202;
+    --ch-12: #04260f;
+    --ch-13: #5a1e02;
+    --ch-14: #161b22;
+    --ch-15: #8b949e;
+    --ch-16: #0d1117;
+    --ch-17: #6e76811a;
+    --ch-18: #ffffff0b;
+    --ch-19: #3794ff;
+    --ch-20: #264f78;
+    --ch-21: #1f6feb;
+    --ch-22: #010409;
+    --ch-23: #30363d;
+    --ch-24: #6e7681;
+    --ch-25: #6e768166;
+    --ch-26: #0d1117e6;
+  }
+
+  /* GitHub Light theme */
+  .light,
+  [data-theme="light"] {
+    --ch-0: #24292f; /* default text */
+    --ch-1: #cf222e; /* strings, inherited class */
+    --ch-2: #116329; /* string literals */
+    --ch-3: #0550ae; /* keywords, function names */
+    --ch-4: #0a3069; /* constants */
+    --ch-5: #8250df; /* entity names, types */
+    --ch-6: #953800; /* variables, tag names */
+    --ch-7: #6e7781; /* comments */
+    --ch-8: #0550ae; /* support */
+    --ch-9: #24292f; /* punctuation */
+    --ch-10: #f6f8fa;
+    --ch-11: #ffebe9;
+    --ch-12: #dafbe1;
+    --ch-13: #ffd8b5;
+    --ch-14: #eaeef2;
+    --ch-15: #57606a;
+    --ch-16: #ffffff;
+    --ch-17: #eaeef280;
+    --ch-18: #fdff0033;
+    --ch-19: #1a85ff;
+    --ch-20: #add6ff;
+    --ch-21: #0969da;
+    --ch-22: #f6f8fa;
+    --ch-23: #d0d7de;
+    --ch-24: #8c959f;
+    --ch-25: #afb8c133;
+    --ch-26: #ffffffe6;
+  }
+}