@farming-labs/svelte-theme 0.2.44 → 0.2.45

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farming-labs/svelte-theme",
-  "version": "0.2.44",
+  "version": "0.2.45",
   "description": "Svelte UI components for @farming-labs/docs — layout, sidebar, TOC, search, and theme toggle",
   "keywords": [
     "docs",
@@ -122,8 +122,8 @@
   "dependencies": {
     "gray-matter": "^4.0.3",
     "sugar-high": "^0.9.5",
-    "@farming-labs/svelte": "0.2.44",
-    "@farming-labs/docs": "0.2.44"
+    "@farming-labs/docs": "0.2.45",
+    "@farming-labs/svelte": "0.2.45"
   },
   "peerDependencies": {
     "svelte": ">=5.0.0"

package/src/components/DocsLayout.svelte

@@ -271,7 +271,7 @@
       }
     }
     if (vars.length === 0) return "";
-    return `body:has(#nd-docs-layout),\n#nd-docs-layout {\n  ${vars.join("\n  ")}\n}`;
+    return `:root,\nbody:has(#nd-docs-layout),\n#nd-docs-layout {\n  ${vars.join("\n  ")}\n}`;
   }
 
   function buildLayoutCSS(layout) {
@@ -295,7 +295,9 @@
     return [buildColorsCSS(colorOverrides), buildTypographyCSS(typography), buildLayoutCSS(layout)].filter(Boolean).join("\n");
   });
 
-  // Build style tag from parts so Vite/Svelte preprocessor doesn't treat it as a real <style> block (PostCSS would then fail on "overrideCSS")
+  // Build tags from parts so Vite/Svelte preprocessors do not scan dynamic tag bodies.
+  const scriptTagOpen = "<scr" + "ipt>";
+  const scriptTagClose = "</scr" + "ipt>";
   const styleTagOpen = "<sty" + "le>";
   const styleTagClose = "</sty" + "le>";
 </script>
@@ -303,13 +305,13 @@
 <svelte:window onkeydown={handleKeydown} />
 
 <svelte:head>
-  {@html `<script>${themeInitScript}</script>`}
+  {@html `${scriptTagOpen}${themeInitScript}${scriptTagClose}`}
   {#if overrideCSS}
     {@html `${styleTagOpen}${overrideCSS}${styleTagClose}`}
   {/if}
 </svelte:head>
 
-<div id="nd-docs-layout" class="fd-layout">
+<div id="nd-docs-layout" data-fd-framework="sveltekit" class="fd-layout">
   <!-- Mobile header -->
   <header class="fd-header">
     <button class="fd-menu-btn" onclick={toggleSidebar} aria-label="Toggle sidebar">

package/src/components/DocsPage.svelte

@@ -373,26 +373,26 @@
         <nav class="fd-page-nav" aria-label="Page navigation">
           {#if localizedPreviousPage}
             <a href={localizedPreviousPage.url} class="fd-page-nav-card fd-page-nav-prev">
-              <span class="fd-page-nav-label">
+              <span class="fd-page-nav-title fd-page-nav-title-prev">
                 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                   <polyline points="15 18 9 12 15 6" />
                 </svg>
-                Previous
+                {localizedPreviousPage.name}
               </span>
-              <span class="fd-page-nav-title">{localizedPreviousPage.name}</span>
+              <span class="fd-page-nav-description">Previous Page</span>
             </a>
           {:else}
             <div></div>
           {/if}
           {#if localizedNextPage}
             <a href={localizedNextPage.url} class="fd-page-nav-card fd-page-nav-next">
-              <span class="fd-page-nav-label">
-                Next
+              <span class="fd-page-nav-title fd-page-nav-title-next">
+                {localizedNextPage.name}
                 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                   <polyline points="9 18 15 12 9 6" />
                 </svg>
               </span>
-              <span class="fd-page-nav-title">{localizedNextPage.name}</span>
+              <span class="fd-page-nav-description">Next Page</span>
             </a>
           {:else}
             <div></div>

package/src/themes/colorful.js

@@ -24,7 +24,7 @@ const ColorfulUIDefaults = {
   layout: {
     contentWidth: 768,
     sidebarWidth: 260,
-    toc: { enabled: true, depth: 3, style: "default" },
+    toc: { enabled: true, depth: 3, style: "directional" },
     header: { height: 56, sticky: true },
   },
   components: {

package/src/themes/pixel-border.js

@@ -10,8 +10,8 @@ const PixelBorderUIDefaults = {
   typography: {
     font: {
       style: {
-        sans: "system-ui, -apple-system, sans-serif",
-        mono: "ui-monospace, monospace",
+        sans: "var(--font-sans, system-ui, -apple-system, sans-serif)",
+        mono: "var(--font-mono, ui-monospace, monospace)",
       },
       h1: { size: "2.25rem", weight: 700, lineHeight: "1.2", letterSpacing: "-0.02em" },
       h2: { size: "1.5rem", weight: 600, lineHeight: "1.3", letterSpacing: "-0.01em" },

package/styles/colorful.css

@@ -282,7 +282,7 @@ body:has(#nd-docs-layout.dark),
 
 /* ─── Tables (rounded) ─────────────────────────────────────────────── */
 
-#nd-docs-layout .fd-docs-content table {
+#nd-docs-layout :is(.fd-docs-content, .prose) table {
   border-collapse: separate;
   border-spacing: 0;
   background: var(--color-fd-card);
@@ -291,18 +291,18 @@ body:has(#nd-docs-layout.dark),
   overflow: hidden;
 }
 
-#nd-docs-layout .fd-docs-content th {
+#nd-docs-layout :is(.fd-docs-content, .prose) th {
   background: var(--color-fd-muted);
   font-weight: 600;
 }
 
-#nd-docs-layout .fd-docs-content th,
-#nd-docs-layout .fd-docs-content td {
+#nd-docs-layout :is(.fd-docs-content, .prose) th,
+#nd-docs-layout :is(.fd-docs-content, .prose) td {
   padding: 0.625rem;
   border-bottom: 1px solid var(--color-fd-border);
 }
 
-#nd-docs-layout .fd-docs-content tr:last-child td {
+#nd-docs-layout :is(.fd-docs-content, .prose) tr:last-child td {
   border-bottom: none;
 }
 

package/styles/command-grid-bundle.css

@@ -276,7 +276,7 @@ body:has(#nd-docs-layout.dark),
 #nd-docs-layout .fd-page-description,
 #nd-docs-layout .fd-docs-content p,
 #nd-docs-layout .fd-docs-content li,
-#nd-docs-layout .fd-docs-content td,
+#nd-docs-layout :is(.fd-docs-content, .prose) td,
 #nd-docs-layout .fd-docs-content blockquote {
   font-family: var(--fd-font-mono, ui-monospace, monospace);
 }
@@ -292,7 +292,7 @@ body:has(#nd-docs-layout.dark),
 
 #nd-docs-layout .fd-card,
 #nd-docs-layout [data-card],
-#nd-docs-layout [class*="fd-callout"],
+#nd-docs-layout .fd-callout,
 #nd-docs-layout .fd-page-action-menu,
 #nd-docs-layout .fd-page-action-btn,
 #nd-docs-layout .fd-docs-content pre,
@@ -303,7 +303,7 @@ body:has(#nd-docs-layout.dark),
 #nd-docs-layout [class*="page-nav"] a,
 #nd-docs-layout .fd-hover-link-card,
 #nd-docs-layout .fd-page-body .fd-table-wrapper,
-#nd-docs-layout .fd-docs-content table,
+#nd-docs-layout :is(.fd-docs-content, .prose) table,
 #nd-docs-layout .fd-tabs,
 #nd-docs-layout .fd-tabs-list,
 #nd-docs-layout .fd-tabs-trigger,
@@ -328,7 +328,7 @@ body:has(#nd-docs-layout.dark),
 
 #nd-docs-layout .fd-card,
 #nd-docs-layout [data-card],
-#nd-docs-layout [class*="fd-callout"],
+#nd-docs-layout .fd-callout,
 #nd-docs-layout .fd-page-action-menu,
 #nd-docs-layout .fd-page-action-btn,
 #nd-docs-layout .fd-page-nav,
@@ -573,8 +573,7 @@ body:has(#nd-docs-layout.dark),
   font-family: var(--fd-font-mono, ui-monospace, monospace);
 }
 
-#nd-docs-layout .fd-callout,
-#nd-docs-layout [class*="fd-callout"] {
+#nd-docs-layout .fd-callout {
   border: 2px solid var(--color-fd-border) !important;
   background: color-mix(
     in srgb,

package/styles/command-grid.css

@@ -276,7 +276,7 @@ body:has(#nd-docs-layout.dark),
 #nd-docs-layout .fd-page-description,
 #nd-docs-layout .fd-docs-content p,
 #nd-docs-layout .fd-docs-content li,
-#nd-docs-layout .fd-docs-content td,
+#nd-docs-layout :is(.fd-docs-content, .prose) td,
 #nd-docs-layout .fd-docs-content blockquote {
   font-family: var(--fd-font-mono, ui-monospace, monospace);
 }
@@ -292,7 +292,7 @@ body:has(#nd-docs-layout.dark),
 
 #nd-docs-layout .fd-card,
 #nd-docs-layout [data-card],
-#nd-docs-layout [class*="fd-callout"],
+#nd-docs-layout .fd-callout,
 #nd-docs-layout .fd-page-action-menu,
 #nd-docs-layout .fd-page-action-btn,
 #nd-docs-layout .fd-docs-content pre,
@@ -303,7 +303,7 @@ body:has(#nd-docs-layout.dark),
 #nd-docs-layout [class*="page-nav"] a,
 #nd-docs-layout .fd-hover-link-card,
 #nd-docs-layout .fd-page-body .fd-table-wrapper,
-#nd-docs-layout .fd-docs-content table,
+#nd-docs-layout :is(.fd-docs-content, .prose) table,
 #nd-docs-layout .fd-tabs,
 #nd-docs-layout .fd-tabs-list,
 #nd-docs-layout .fd-tabs-trigger,
@@ -328,7 +328,7 @@ body:has(#nd-docs-layout.dark),
 
 #nd-docs-layout .fd-card,
 #nd-docs-layout [data-card],
-#nd-docs-layout [class*="fd-callout"],
+#nd-docs-layout .fd-callout,
 #nd-docs-layout .fd-page-action-menu,
 #nd-docs-layout .fd-page-action-btn,
 #nd-docs-layout .fd-page-nav,
@@ -573,8 +573,7 @@ body:has(#nd-docs-layout.dark),
   font-family: var(--fd-font-mono, ui-monospace, monospace);
 }
 
-#nd-docs-layout .fd-callout,
-#nd-docs-layout [class*="fd-callout"] {
+#nd-docs-layout .fd-callout {
   border: 2px solid var(--color-fd-border) !important;
   background: color-mix(
     in srgb,

package/styles/concrete.css

@@ -108,7 +108,7 @@ body:has(#nd-docs-layout.dark),
 
 #nd-docs-layout .fd-card,
 #nd-docs-layout [data-card],
-#nd-docs-layout [class*="fd-callout"],
+#nd-docs-layout .fd-callout,
 #nd-docs-layout .fd-page-action-menu,
 #nd-docs-layout .fd-page-action-btn,
 #nd-docs-layout .fd-docs-content pre,
@@ -125,8 +125,8 @@ body:has(#nd-docs-layout.dark),
 #nd-docs-layout.dark .fd-card,
 :is(html.dark, body.dark) #nd-docs-layout [data-card],
 #nd-docs-layout.dark [data-card],
-:is(html.dark, body.dark) #nd-docs-layout [class*="fd-callout"],
-#nd-docs-layout.dark [class*="fd-callout"],
+:is(html.dark, body.dark) #nd-docs-layout .fd-callout,
+#nd-docs-layout.dark .fd-callout,
 :is(html.dark, body.dark) #nd-docs-layout .fd-page-action-menu,
 #nd-docs-layout.dark .fd-page-action-menu,
 :is(html.dark, body.dark) #nd-docs-layout .fd-page-action-btn,
@@ -148,21 +148,18 @@ body:has(#nd-docs-layout.dark),
   box-shadow: 6px 6px 0 color-mix(in srgb, var(--color-fd-primary) 42%, transparent);
 }
 
-#nd-docs-layout .fd-page-body .fd-table-wrapper,
-#nd-docs-layout .fd-docs-content table {
+#nd-docs-layout :is(.fd-docs-content, .prose) table {
   border: 3px solid var(--color-fd-border);
   box-shadow: 6px 6px 0 var(--color-fd-border);
   background: var(--color-fd-card);
 }
 
-:is(html.dark, body.dark) #nd-docs-layout .fd-page-body .fd-table-wrapper,
-#nd-docs-layout.dark .fd-page-body .fd-table-wrapper,
-:is(html.dark, body.dark) #nd-docs-layout .fd-docs-content table,
-#nd-docs-layout.dark .fd-docs-content table {
+:is(html.dark, body.dark) #nd-docs-layout :is(.fd-docs-content, .prose) table,
+#nd-docs-layout.dark :is(.fd-docs-content, .prose) table {
   box-shadow: 6px 6px 0 color-mix(in srgb, var(--color-fd-primary) 42%, transparent);
 }
 
-#nd-docs-layout .fd-docs-content th,
+#nd-docs-layout :is(.fd-docs-content, .prose) th,
 #nd-docs-layout .fd-page-body th {
   background: var(--color-fd-foreground);
   color: var(--color-fd-background);
@@ -172,24 +169,24 @@ body:has(#nd-docs-layout.dark),
   font-size: 0.74rem;
 }
 
-#nd-docs-layout .fd-docs-content td,
+#nd-docs-layout :is(.fd-docs-content, .prose) td,
 #nd-docs-layout .fd-page-body td {
   font-weight: 550;
 }
 
-#nd-docs-layout .fd-docs-content tbody tr:nth-child(odd) td,
+#nd-docs-layout :is(.fd-docs-content, .prose) tbody tr:nth-child(odd) td,
 #nd-docs-layout .fd-page-body tbody tr:nth-child(odd) td {
   background: color-mix(in srgb, var(--color-fd-secondary) 72%, white 28%);
 }
 
-:is(html.dark, body.dark) #nd-docs-layout .fd-docs-content tbody tr:nth-child(odd) td,
-#nd-docs-layout.dark .fd-docs-content tbody tr:nth-child(odd) td,
+:is(html.dark, body.dark) #nd-docs-layout :is(.fd-docs-content, .prose) tbody tr:nth-child(odd) td,
+#nd-docs-layout.dark :is(.fd-docs-content, .prose) tbody tr:nth-child(odd) td,
 :is(html.dark, body.dark) #nd-docs-layout .fd-page-body tbody tr:nth-child(odd) td,
 #nd-docs-layout.dark .fd-page-body tbody tr:nth-child(odd) td {
   background: color-mix(in srgb, var(--color-fd-secondary) 92%, black 8%);
 }
 
-#nd-docs-layout .fd-docs-content tbody tr:hover td,
+#nd-docs-layout :is(.fd-docs-content, .prose) tbody tr:hover td,
 #nd-docs-layout .fd-page-body tbody tr:hover td {
   background: color-mix(in srgb, var(--color-fd-primary) 16%, var(--color-fd-card));
 }
@@ -288,17 +285,14 @@ body:has(#nd-docs-layout.dark),
   box-shadow: inset -3px 0 0 var(--color-fd-border);
 }
 
-#nd-docs-layout .fd-callout,
-#nd-docs-layout [class*="fd-callout"] {
+#nd-docs-layout .fd-callout {
   border-width: 3px !important;
   box-shadow: 6px 6px 0 var(--color-fd-border);
   background: color-mix(in srgb, var(--color-fd-secondary) 82%, white 18%);
 }
 
 :is(html.dark, body.dark) #nd-docs-layout .fd-callout,
-#nd-docs-layout.dark .fd-callout,
-:is(html.dark, body.dark) #nd-docs-layout [class*="fd-callout"],
-#nd-docs-layout.dark [class*="fd-callout"] {
+#nd-docs-layout.dark .fd-callout {
   box-shadow: 6px 6px 0 color-mix(in srgb, var(--color-fd-primary) 42%, transparent);
   background: color-mix(in srgb, var(--color-fd-secondary) 92%, black 8%);
 }

package/styles/darksharp-bundle.css

@@ -1,6 +1,6 @@
 /* @farming-labs/svelte-theme — darksharp theme (bundled)
  * Single import: includes base docs.css + darksharp overrides.
- * Usage: @import "@farming-labs/svelte-theme/darksharp/css";
+ * Usage: @import "@farming-labs/theme/darksharp/css";
  */
 @import "./docs.css";
 @import "./darksharp.css";

package/styles/docs.css

@@ -1820,45 +1820,55 @@ html.dark #nd-docs-layout pre.shiki {
 }
 
 #nd-docs-layout .fd-page-body .fd-table-wrapper {
-  margin: 16px 0;
+  margin: 0 0 24px;
   overflow-x: auto;
-  border: 1px solid var(--color-fd-border);
-  border-radius: 8px;
+  border: 0;
+  border-radius: 0;
 }
 
 #nd-docs-layout .fd-page-body table {
   width: 100%;
-  border-collapse: collapse;
-  font-size: 13px;
-}
-
-#nd-docs-layout .fd-page-body thead {
-  background: var(--color-fd-muted);
+  table-layout: auto;
+  border-collapse: separate;
+  border-spacing: 0;
+  overflow: hidden;
+  border: 1px solid var(--color-fd-border);
+  border-radius: var(--radius-lg, 8px);
+  background: var(--color-fd-card);
+  font-size: 0.875em;
+  line-height: 1.7142857;
 }
 
 #nd-docs-layout .fd-page-body th {
-  padding: 10px 16px;
+  padding: 10px;
   text-align: left;
   font-weight: 600;
-  font-size: 13px;
-  color: var(--color-fd-muted-foreground);
+  font-size: 0.875rem;
+  color: var(--color-fd-foreground);
+  background: var(--color-fd-muted);
+  border-inline-start: 1px solid var(--color-fd-border);
   border-bottom: 1px solid var(--color-fd-border);
   white-space: nowrap;
 }
 
+#nd-docs-layout .fd-page-body th:first-child {
+  border-inline-start: none;
+}
+
 #nd-docs-layout .fd-page-body td {
-  padding: 10px 16px;
+  padding: 10px;
   text-align: left;
+  border-inline-start: 1px solid var(--color-fd-border);
   border-bottom: 1px solid var(--color-fd-border);
   color: var(--color-fd-foreground);
 }
 
-#nd-docs-layout .fd-page-body tbody tr:last-child td {
-  border-bottom: none;
+#nd-docs-layout .fd-page-body td:first-child {
+  border-inline-start: none;
 }
 
-#nd-docs-layout .fd-page-body tbody tr:hover {
-  background: var(--color-fd-accent);
+#nd-docs-layout .fd-page-body tbody tr:last-child td {
+  border-bottom: none;
 }
 
 #nd-docs-layout .fd-page-body td code {

package/styles/greentree.css

@@ -376,7 +376,7 @@ body:has(#nd-docs-layout.dark),
   font-weight: 400;
 }
 
-#nd-docs-layout .fd-docs-content table {
+#nd-docs-layout :is(.fd-docs-content, .prose) table {
   border-collapse: separate;
   border-spacing: 0;
   background: var(--color-fd-card);
@@ -386,7 +386,7 @@ body:has(#nd-docs-layout.dark),
   width: 100%;
 }
 
-#nd-docs-layout .fd-docs-content th {
+#nd-docs-layout :is(.fd-docs-content, .prose) th {
   background: var(--color-fd-muted);
   font-weight: 500;
   font-size: 0.8125rem;
@@ -395,14 +395,14 @@ body:has(#nd-docs-layout.dark),
   letter-spacing: normal;
 }
 
-#nd-docs-layout .fd-docs-content th,
-#nd-docs-layout .fd-docs-content td {
+#nd-docs-layout :is(.fd-docs-content, .prose) th,
+#nd-docs-layout :is(.fd-docs-content, .prose) td {
   padding: 0.75rem 1rem;
   border-bottom: 1px solid var(--color-fd-border);
   font-size: 0.875rem;
 }
 
-#nd-docs-layout .fd-docs-content tr:last-child td {
+#nd-docs-layout :is(.fd-docs-content, .prose) tr:last-child td {
   border-bottom: none;
 }
 

package/styles/hardline.css

@@ -291,7 +291,7 @@ body:has(#nd-docs-layout.dark),
 /* Cards, callouts, tabs, and generic surfaces */
 #nd-docs-layout .fd-card,
 #nd-docs-layout [data-card],
-#nd-docs-layout [class*="fd-callout"],
+#nd-docs-layout .fd-callout,
 #nd-docs-layout .fd-page-action-menu,
 #nd-docs-layout .fd-page-action-btn {
   border: 2px solid var(--color-fd-border) !important;
@@ -303,8 +303,8 @@ body:has(#nd-docs-layout.dark),
 #nd-docs-layout.dark .fd-card,
 :is(html.dark, body.dark) #nd-docs-layout [data-card],
 #nd-docs-layout.dark [data-card],
-:is(html.dark, body.dark) #nd-docs-layout [class*="fd-callout"],
-#nd-docs-layout.dark [class*="fd-callout"],
+:is(html.dark, body.dark) #nd-docs-layout .fd-callout,
+#nd-docs-layout.dark .fd-callout,
 :is(html.dark, body.dark) #nd-docs-layout .fd-page-action-menu,
 #nd-docs-layout.dark .fd-page-action-menu,
 :is(html.dark, body.dark) #nd-docs-layout .fd-page-action-btn,
@@ -380,34 +380,41 @@ body:has(#nd-docs-layout.dark),
   background: #121214 !important;
 }
 
-#nd-docs-layout .fd-docs-content table {
-  border-collapse: collapse;
-  border: 2px solid var(--color-fd-border);
+#nd-docs-layout .fd-table-wrapper {
+  border: 0 !important;
+  border-radius: 0 !important;
+  background: transparent !important;
+}
+
+#nd-docs-layout :is(.fd-docs-content, .prose) table {
+  border-collapse: collapse !important;
+  border: 2px solid var(--color-fd-border) !important;
+  border-radius: 0 !important;
   width: 100%;
-  background: var(--color-fd-card);
+  background: var(--color-fd-card) !important;
 }
 
-#nd-docs-layout .fd-docs-content th,
-#nd-docs-layout .fd-docs-content td {
-  border: 2px solid var(--color-fd-border);
-  padding: 0.7rem 0.85rem;
+#nd-docs-layout :is(.fd-docs-content, .prose) th,
+#nd-docs-layout :is(.fd-docs-content, .prose) td {
+  border: 2px solid var(--color-fd-border) !important;
+  padding: 0.7rem 0.85rem !important;
 }
 
-#nd-docs-layout .fd-docs-content th {
+#nd-docs-layout :is(.fd-docs-content, .prose) th {
   text-transform: uppercase;
   letter-spacing: 0.05em;
   font-size: 0.78rem;
-  background: var(--color-fd-primary);
-  color: var(--color-fd-primary-foreground);
+  background: var(--color-fd-primary) !important;
+  color: var(--color-fd-primary-foreground) !important;
 }
 
-#nd-docs-layout .fd-docs-content tbody tr:nth-child(even) td {
-  background: color-mix(in srgb, var(--color-fd-secondary) 85%, transparent);
+#nd-docs-layout :is(.fd-docs-content, .prose) tbody tr:nth-child(even) td {
+  background: color-mix(in srgb, var(--color-fd-secondary) 85%, transparent) !important;
 }
 
-:is(html.dark, body.dark) #nd-docs-layout .fd-docs-content tbody tr:nth-child(even) td,
-#nd-docs-layout.dark .fd-docs-content tbody tr:nth-child(even) td {
-  background: #1a1a1d;
+:is(html.dark, body.dark) #nd-docs-layout :is(.fd-docs-content, .prose) tbody tr:nth-child(even) td,
+#nd-docs-layout.dark :is(.fd-docs-content, .prose) tbody tr:nth-child(even) td {
+  background: #1a1a1d !important;
 }
 
 /* Prev/next cards */

package/styles/ledger.css

@@ -202,7 +202,7 @@ body:has(#nd-docs-layout),
 #nd-docs-layout .fd-page-description,
 #nd-docs-layout .fd-docs-content p,
 #nd-docs-layout .fd-docs-content li,
-#nd-docs-layout .fd-docs-content td {
+#nd-docs-layout :is(.fd-docs-content, .prose) td {
   color: var(--color-fd-muted-foreground);
   line-height: 1.7;
 }
@@ -390,7 +390,7 @@ body:has(#nd-docs-layout),
 }
 
 #nd-docs-layout .fd-table-wrapper,
-#nd-docs-layout .fd-docs-content table {
+#nd-docs-layout :is(.fd-docs-content, .prose) table {
   border: 1px solid var(--fd-ledger-soft-border);
   border-radius: 0.5rem;
   background: var(--color-fd-card);

package/styles/pixel-border-bundle.css

@@ -1,6 +1,6 @@
 /* @farming-labs/svelte-theme — pixel-border theme (bundled)
  * Single import: includes base docs.css + pixel-border overrides.
- * Usage: @import "@farming-labs/svelte-theme/pixel-border/css";
+ * Usage: @import "@farming-labs/theme/pixel-border/css";
  */
 @import "./docs.css";
 @import "./pixel-border.css";