@farming-labs/astro-theme 0.2.43 → 0.2.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@farming-labs/astro-theme",
3
- "version": "0.2.43",
3
+ "version": "0.2.45",
4
4
  "description": "Astro UI components for @farming-labs/docs — layout, sidebar, TOC, search, and theme toggle",
5
5
  "keywords": [
6
6
  "astro",
@@ -119,8 +119,8 @@
119
119
  },
120
120
  "dependencies": {
121
121
  "sugar-high": "^0.9.5",
122
- "@farming-labs/astro": "0.2.43",
123
- "@farming-labs/docs": "0.2.43"
122
+ "@farming-labs/docs": "0.2.45",
123
+ "@farming-labs/astro": "0.2.45"
124
124
  },
125
125
  "peerDependencies": {
126
126
  "astro": ">=4.0.0"
@@ -108,7 +108,16 @@ function buildTypographyCSS(typo?: any): string {
108
108
  }
109
109
  }
110
110
  if (vars.length === 0) return "";
111
- return `:root {\n ${vars.join("\n ")}\n}`;
111
+ const cssVars = vars.join("\n ");
112
+ return `:root {
113
+ ${cssVars}
114
+ }
115
+ body:has(#nd-docs-layout) {
116
+ ${cssVars}
117
+ }
118
+ #nd-docs-layout {
119
+ ${cssVars}
120
+ }`;
112
121
  }
113
122
 
114
123
  function buildLayoutCSS(layout?: any): string {
@@ -120,8 +129,9 @@ function buildLayoutCSS(layout?: any): string {
120
129
  if (layout.tocWidth) desktopVars.push(`--fd-toc-width: ${layout.tocWidth}px;`);
121
130
  if (rootVars.length === 0 && desktopVars.length === 0) return "";
122
131
  const parts: string[] = [];
123
- if (rootVars.length > 0) parts.push(`:root {\n ${rootVars.join("\n ")}\n}`);
124
- if (desktopVars.length > 0) parts.push(`@media (min-width: 1024px) {\n :root {\n ${desktopVars.join("\n ")}\n }\n}`);
132
+ if (rootVars.length > 0) parts.push(`#nd-docs-layout {\n ${rootVars.join("\n ")}\n}`);
133
+ if (desktopVars.length > 0)
134
+ parts.push(`@media (min-width: 1024px) {\n #nd-docs-layout {\n ${desktopVars.join("\n ")}\n }\n}`);
125
135
  return parts.join("\n");
126
136
  }
127
137
 
@@ -161,7 +171,7 @@ const showSearch = !staticExport;
161
171
  <script is:inline set:html={themeInitScript}></script>
162
172
  {overrideCSS && <style set:html={overrideCSS} />}
163
173
 
164
- <div class="fd-layout">
174
+ <div id="nd-docs-layout" data-fd-framework="astro" class="fd-layout">
165
175
  <header class="fd-header">
166
176
  <button class="fd-menu-btn" id="fd-menu-toggle" aria-label="Toggle sidebar">
167
177
  <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
@@ -84,24 +84,24 @@ const localizedParentUrl = withLang(parentUrl);
84
84
  <nav class="fd-page-nav" aria-label="Page navigation">
85
85
  {previousPage ? (
86
86
  <a href={withLang(previousPage.url)} class="fd-page-nav-card fd-page-nav-prev">
87
- <span class="fd-page-nav-label">
87
+ <span class="fd-page-nav-title fd-page-nav-title-prev">
88
88
  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
89
89
  <polyline points="15 18 9 12 15 6" />
90
90
  </svg>
91
- Previous
91
+ {previousPage.name}
92
92
  </span>
93
- <span class="fd-page-nav-title">{previousPage.name}</span>
93
+ <span class="fd-page-nav-description">Previous Page</span>
94
94
  </a>
95
95
  ) : <div />}
96
96
  {nextPage ? (
97
97
  <a href={withLang(nextPage.url)} class="fd-page-nav-card fd-page-nav-next">
98
- <span class="fd-page-nav-label">
99
- Next
98
+ <span class="fd-page-nav-title fd-page-nav-title-next">
99
+ {nextPage.name}
100
100
  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
101
101
  <polyline points="9 18 15 12 9 6" />
102
102
  </svg>
103
103
  </span>
104
- <span class="fd-page-nav-title">{nextPage.name}</span>
104
+ <span class="fd-page-nav-description">Next Page</span>
105
105
  </a>
106
106
  ) : <div />}
107
107
  </nav>
@@ -10,8 +10,8 @@ const PixelBorderUIDefaults = {
10
10
  typography: {
11
11
  font: {
12
12
  style: {
13
- sans: "system-ui, -apple-system, sans-serif",
14
- mono: "ui-monospace, monospace",
13
+ sans: "var(--font-sans, system-ui, -apple-system, sans-serif)",
14
+ mono: "var(--font-mono, ui-monospace, monospace)",
15
15
  },
16
16
  h1: { size: "2.25rem", weight: 700, lineHeight: "1.2", letterSpacing: "-0.02em" },
17
17
  h2: { size: "1.5rem", weight: 600, lineHeight: "1.3", letterSpacing: "-0.01em" },
@@ -221,7 +221,7 @@
221
221
 
222
222
  /* ─── Tables (rounded) ─────────────────────────────────────────────── */
223
223
 
224
- .fd-docs-content table {
224
+ :is(.fd-docs-content, .prose) table {
225
225
  border-collapse: separate;
226
226
  border-spacing: 0;
227
227
  background: var(--color-fd-card);
@@ -230,18 +230,18 @@
230
230
  overflow: hidden;
231
231
  }
232
232
 
233
- .fd-docs-content th {
233
+ :is(.fd-docs-content, .prose) th {
234
234
  background: var(--color-fd-muted);
235
235
  font-weight: 600;
236
236
  }
237
237
 
238
- .fd-docs-content th,
239
- .fd-docs-content td {
238
+ :is(.fd-docs-content, .prose) th,
239
+ :is(.fd-docs-content, .prose) td {
240
240
  padding: 0.625rem;
241
241
  border-bottom: 1px solid var(--color-fd-border);
242
242
  }
243
243
 
244
- .fd-docs-content tr:last-child td {
244
+ :is(.fd-docs-content, .prose) tr:last-child td {
245
245
  border-bottom: none;
246
246
  }
247
247
 
@@ -266,7 +266,7 @@ aside div.overflow-hidden.relative[data-state] a[data-active="true"]::before {
266
266
  .fd-page-description,
267
267
  .fd-docs-content p,
268
268
  .fd-docs-content li,
269
- .fd-docs-content td,
269
+ :is(.fd-docs-content, #nd-docs-layout .prose) td,
270
270
  .fd-docs-content blockquote {
271
271
  font-family: var(--fd-font-mono, ui-monospace, monospace);
272
272
  }
@@ -282,7 +282,7 @@ aside div.overflow-hidden.relative[data-state] a[data-active="true"]::before {
282
282
 
283
283
  .fd-card,
284
284
  [data-card],
285
- [class*="fd-callout"],
285
+ .fd-callout,
286
286
  .fd-page-action-menu,
287
287
  .fd-page-action-btn,
288
288
  .fd-docs-content pre,
@@ -293,7 +293,7 @@ aside div.overflow-hidden.relative[data-state] a[data-active="true"]::before {
293
293
  [class*="page-nav"] a,
294
294
  .fd-hover-link-card,
295
295
  .fd-page-body .fd-table-wrapper,
296
- .fd-docs-content table,
296
+ :is(.fd-docs-content, #nd-docs-layout .prose) table,
297
297
  .fd-tabs,
298
298
  .fd-tabs-list,
299
299
  .fd-tabs-trigger,
@@ -318,7 +318,7 @@ aside div.overflow-hidden.relative[data-state] a[data-active="true"]::before {
318
318
 
319
319
  .fd-card,
320
320
  [data-card],
321
- [class*="fd-callout"],
321
+ .fd-callout,
322
322
  .fd-page-action-menu,
323
323
  .fd-page-action-btn,
324
324
  .fd-page-nav,
@@ -477,7 +477,7 @@ figure.shiki:has(figcaption) > div:first-child,
477
477
 
478
478
  .fd-table-wrapper,
479
479
  .fd-table-wrapper table,
480
- .prose table {
480
+ #nd-docs-layout .prose table {
481
481
  border: 2px solid var(--color-fd-border) !important;
482
482
  background: var(--color-fd-card) !important;
483
483
  border-radius: 0 !important;
@@ -512,19 +512,19 @@ figure.shiki:has(figcaption) > div:first-child,
512
512
  }
513
513
 
514
514
  .fd-table-wrapper table,
515
- .prose .fd-table-wrapper table {
515
+ #nd-docs-layout .prose .fd-table-wrapper table {
516
516
  border: 0 !important;
517
517
  background: transparent !important;
518
518
  border-radius: 0 !important;
519
519
  }
520
520
 
521
- .prose table,
522
- .prose thead,
523
- .prose tbody,
524
- .prose tr,
525
- .prose th,
526
- .prose td,
527
- .prose table *,
521
+ #nd-docs-layout .prose table,
522
+ #nd-docs-layout .prose thead,
523
+ #nd-docs-layout .prose tbody,
524
+ #nd-docs-layout .prose tr,
525
+ #nd-docs-layout .prose th,
526
+ #nd-docs-layout .prose td,
527
+ #nd-docs-layout .prose table *,
528
528
  .fd-table-wrapper,
529
529
  .fd-table-wrapper *,
530
530
  .fd-table-wrapper table,
@@ -536,10 +536,10 @@ figure.shiki:has(figcaption) > div:first-child,
536
536
  border-radius: 0 !important;
537
537
  }
538
538
 
539
- .prose thead tr:first-child th:first-child,
540
- .prose thead tr:first-child th:last-child,
541
- .prose tbody tr:last-child td:first-child,
542
- .prose tbody tr:last-child td:last-child,
539
+ #nd-docs-layout .prose thead tr:first-child th:first-child,
540
+ #nd-docs-layout .prose thead tr:first-child th:last-child,
541
+ #nd-docs-layout .prose tbody tr:last-child td:first-child,
542
+ #nd-docs-layout .prose tbody tr:last-child td:last-child,
543
543
  .fd-table-wrapper thead tr:first-child th:first-child,
544
544
  .fd-table-wrapper thead tr:first-child th:last-child,
545
545
  .fd-table-wrapper tbody tr:last-child td:first-child,
@@ -547,7 +547,7 @@ figure.shiki:has(figcaption) > div:first-child,
547
547
  border-radius: 0 !important;
548
548
  }
549
549
 
550
- .prose th,
550
+ #nd-docs-layout .prose th,
551
551
  .fd-table-wrapper th {
552
552
  background: var(--color-fd-foreground) !important;
553
553
  color: var(--color-fd-background) !important;
@@ -556,8 +556,7 @@ figure.shiki:has(figcaption) > div:first-child,
556
556
  font-family: var(--fd-font-mono, ui-monospace, monospace);
557
557
  }
558
558
 
559
- .fd-callout,
560
- [class*="fd-callout"] {
559
+ .fd-callout {
561
560
  border: 2px solid var(--color-fd-border) !important;
562
561
  background: color-mix(
563
562
  in srgb,
@@ -266,7 +266,7 @@ aside div.overflow-hidden.relative[data-state] a[data-active="true"]::before {
266
266
  .fd-page-description,
267
267
  .fd-docs-content p,
268
268
  .fd-docs-content li,
269
- .fd-docs-content td,
269
+ :is(.fd-docs-content, #nd-docs-layout .prose) td,
270
270
  .fd-docs-content blockquote {
271
271
  font-family: var(--fd-font-mono, ui-monospace, monospace);
272
272
  }
@@ -282,7 +282,7 @@ aside div.overflow-hidden.relative[data-state] a[data-active="true"]::before {
282
282
 
283
283
  .fd-card,
284
284
  [data-card],
285
- [class*="fd-callout"],
285
+ .fd-callout,
286
286
  .fd-page-action-menu,
287
287
  .fd-page-action-btn,
288
288
  .fd-docs-content pre,
@@ -293,7 +293,7 @@ aside div.overflow-hidden.relative[data-state] a[data-active="true"]::before {
293
293
  [class*="page-nav"] a,
294
294
  .fd-hover-link-card,
295
295
  .fd-page-body .fd-table-wrapper,
296
- .fd-docs-content table,
296
+ :is(.fd-docs-content, #nd-docs-layout .prose) table,
297
297
  .fd-tabs,
298
298
  .fd-tabs-list,
299
299
  .fd-tabs-trigger,
@@ -318,7 +318,7 @@ aside div.overflow-hidden.relative[data-state] a[data-active="true"]::before {
318
318
 
319
319
  .fd-card,
320
320
  [data-card],
321
- [class*="fd-callout"],
321
+ .fd-callout,
322
322
  .fd-page-action-menu,
323
323
  .fd-page-action-btn,
324
324
  .fd-page-nav,
@@ -477,7 +477,7 @@ figure.shiki:has(figcaption) > div:first-child,
477
477
 
478
478
  .fd-table-wrapper,
479
479
  .fd-table-wrapper table,
480
- .prose table {
480
+ #nd-docs-layout .prose table {
481
481
  border: 2px solid var(--color-fd-border) !important;
482
482
  background: var(--color-fd-card) !important;
483
483
  border-radius: 0 !important;
@@ -512,19 +512,19 @@ figure.shiki:has(figcaption) > div:first-child,
512
512
  }
513
513
 
514
514
  .fd-table-wrapper table,
515
- .prose .fd-table-wrapper table {
515
+ #nd-docs-layout .prose .fd-table-wrapper table {
516
516
  border: 0 !important;
517
517
  background: transparent !important;
518
518
  border-radius: 0 !important;
519
519
  }
520
520
 
521
- .prose table,
522
- .prose thead,
523
- .prose tbody,
524
- .prose tr,
525
- .prose th,
526
- .prose td,
527
- .prose table *,
521
+ #nd-docs-layout .prose table,
522
+ #nd-docs-layout .prose thead,
523
+ #nd-docs-layout .prose tbody,
524
+ #nd-docs-layout .prose tr,
525
+ #nd-docs-layout .prose th,
526
+ #nd-docs-layout .prose td,
527
+ #nd-docs-layout .prose table *,
528
528
  .fd-table-wrapper,
529
529
  .fd-table-wrapper *,
530
530
  .fd-table-wrapper table,
@@ -536,10 +536,10 @@ figure.shiki:has(figcaption) > div:first-child,
536
536
  border-radius: 0 !important;
537
537
  }
538
538
 
539
- .prose thead tr:first-child th:first-child,
540
- .prose thead tr:first-child th:last-child,
541
- .prose tbody tr:last-child td:first-child,
542
- .prose tbody tr:last-child td:last-child,
539
+ #nd-docs-layout .prose thead tr:first-child th:first-child,
540
+ #nd-docs-layout .prose thead tr:first-child th:last-child,
541
+ #nd-docs-layout .prose tbody tr:last-child td:first-child,
542
+ #nd-docs-layout .prose tbody tr:last-child td:last-child,
543
543
  .fd-table-wrapper thead tr:first-child th:first-child,
544
544
  .fd-table-wrapper thead tr:first-child th:last-child,
545
545
  .fd-table-wrapper tbody tr:last-child td:first-child,
@@ -547,7 +547,7 @@ figure.shiki:has(figcaption) > div:first-child,
547
547
  border-radius: 0 !important;
548
548
  }
549
549
 
550
- .prose th,
550
+ #nd-docs-layout .prose th,
551
551
  .fd-table-wrapper th {
552
552
  background: var(--color-fd-foreground) !important;
553
553
  color: var(--color-fd-background) !important;
@@ -556,8 +556,7 @@ figure.shiki:has(figcaption) > div:first-child,
556
556
  font-family: var(--fd-font-mono, ui-monospace, monospace);
557
557
  }
558
558
 
559
- .fd-callout,
560
- [class*="fd-callout"] {
559
+ .fd-callout {
561
560
  border: 2px solid var(--color-fd-border) !important;
562
561
  background: color-mix(
563
562
  in srgb,
@@ -95,7 +95,7 @@ aside a[data-active="true"],
95
95
 
96
96
  .fd-card,
97
97
  [data-card],
98
- [class*="fd-callout"],
98
+ .fd-callout,
99
99
  .fd-page-action-menu,
100
100
  .fd-page-action-btn,
101
101
  .fd-docs-content pre,
@@ -110,7 +110,7 @@ aside a[data-active="true"],
110
110
 
111
111
  .dark .fd-card,
112
112
  .dark [data-card],
113
- .dark [class*="fd-callout"],
113
+ .dark .fd-callout,
114
114
  .dark .fd-page-action-menu,
115
115
  .dark .fd-page-action-btn,
116
116
  .dark .fd-docs-content pre,
@@ -123,19 +123,17 @@ aside a[data-active="true"],
123
123
  box-shadow: 6px 6px 0 color-mix(in srgb, var(--color-fd-primary) 42%, transparent);
124
124
  }
125
125
 
126
- .fd-page-body .fd-table-wrapper,
127
- .fd-docs-content table {
126
+ :is(.fd-docs-content, .prose) table {
128
127
  border: 3px solid var(--color-fd-border);
129
128
  box-shadow: 6px 6px 0 var(--color-fd-border);
130
129
  background: var(--color-fd-card);
131
130
  }
132
131
 
133
- .dark .fd-page-body .fd-table-wrapper,
134
- .dark .fd-docs-content table {
132
+ .dark :is(.fd-docs-content, .prose) table {
135
133
  box-shadow: 6px 6px 0 color-mix(in srgb, var(--color-fd-primary) 42%, transparent);
136
134
  }
137
135
 
138
- .fd-docs-content th,
136
+ :is(.fd-docs-content, .prose) th,
139
137
  .fd-page-body th {
140
138
  background: var(--color-fd-foreground);
141
139
  color: var(--color-fd-background);
@@ -145,22 +143,22 @@ aside a[data-active="true"],
145
143
  font-size: 0.74rem;
146
144
  }
147
145
 
148
- .fd-docs-content td,
146
+ :is(.fd-docs-content, .prose) td,
149
147
  .fd-page-body td {
150
148
  font-weight: 550;
151
149
  }
152
150
 
153
- .fd-docs-content tbody tr:nth-child(odd) td,
151
+ :is(.fd-docs-content, .prose) tbody tr:nth-child(odd) td,
154
152
  .fd-page-body tbody tr:nth-child(odd) td {
155
153
  background: color-mix(in srgb, var(--color-fd-secondary) 72%, white 28%);
156
154
  }
157
155
 
158
- .dark .fd-docs-content tbody tr:nth-child(odd) td,
156
+ .dark :is(.fd-docs-content, .prose) tbody tr:nth-child(odd) td,
159
157
  .dark .fd-page-body tbody tr:nth-child(odd) td {
160
158
  background: color-mix(in srgb, var(--color-fd-secondary) 92%, black 8%);
161
159
  }
162
160
 
163
- .fd-docs-content tbody tr:hover td,
161
+ :is(.fd-docs-content, .prose) tbody tr:hover td,
164
162
  .fd-page-body tbody tr:hover td {
165
163
  background: color-mix(in srgb, var(--color-fd-primary) 16%, var(--color-fd-card));
166
164
  }
@@ -253,15 +251,13 @@ aside a[data-active="true"],
253
251
  box-shadow: inset -3px 0 0 var(--color-fd-border);
254
252
  }
255
253
 
256
- .fd-callout,
257
- [class*="fd-callout"] {
254
+ .fd-callout {
258
255
  border-width: 3px !important;
259
256
  box-shadow: 6px 6px 0 var(--color-fd-border);
260
257
  background: color-mix(in srgb, var(--color-fd-secondary) 82%, white 18%);
261
258
  }
262
259
 
263
- .dark .fd-callout,
264
- .dark [class*="fd-callout"] {
260
+ .dark .fd-callout {
265
261
  box-shadow: 6px 6px 0 color-mix(in srgb, var(--color-fd-primary) 42%, transparent);
266
262
  background: color-mix(in srgb, var(--color-fd-secondary) 92%, black 8%);
267
263
  }
@@ -1,6 +1,6 @@
1
1
  /* @farming-labs/astro-theme — darksharp theme (bundled)
2
2
  * Single import: includes base docs.css + darksharp overrides.
3
- * Usage: @import "@farming-labs/astro-theme/darksharp/css";
3
+ * Usage: @import "@farming-labs/theme/darksharp/css";
4
4
  */
5
5
  @import "./docs.css";
6
6
  @import "./darksharp.css";
package/styles/docs.css CHANGED
@@ -1611,45 +1611,55 @@ html.dark pre.shiki {
1611
1611
  }
1612
1612
 
1613
1613
  .fd-page-body .fd-table-wrapper {
1614
- margin: 16px 0;
1614
+ margin: 0 0 24px;
1615
1615
  overflow-x: auto;
1616
- border: 1px solid var(--color-fd-border);
1617
- border-radius: 8px;
1616
+ border: 0;
1617
+ border-radius: 0;
1618
1618
  }
1619
1619
 
1620
1620
  .fd-page-body table {
1621
1621
  width: 100%;
1622
- border-collapse: collapse;
1623
- font-size: 13px;
1624
- }
1625
-
1626
- .fd-page-body thead {
1627
- background: var(--color-fd-muted);
1622
+ table-layout: auto;
1623
+ border-collapse: separate;
1624
+ border-spacing: 0;
1625
+ overflow: hidden;
1626
+ border: 1px solid var(--color-fd-border);
1627
+ border-radius: var(--radius-lg, 8px);
1628
+ background: var(--color-fd-card);
1629
+ font-size: 0.875em;
1630
+ line-height: 1.7142857;
1628
1631
  }
1629
1632
 
1630
1633
  .fd-page-body th {
1631
- padding: 10px 16px;
1634
+ padding: 10px;
1632
1635
  text-align: left;
1633
1636
  font-weight: 600;
1634
- font-size: 13px;
1635
- color: var(--color-fd-muted-foreground);
1637
+ font-size: 0.875rem;
1638
+ color: var(--color-fd-foreground);
1639
+ background: var(--color-fd-muted);
1640
+ border-inline-start: 1px solid var(--color-fd-border);
1636
1641
  border-bottom: 1px solid var(--color-fd-border);
1637
1642
  white-space: nowrap;
1638
1643
  }
1639
1644
 
1645
+ .fd-page-body th:first-child {
1646
+ border-inline-start: none;
1647
+ }
1648
+
1640
1649
  .fd-page-body td {
1641
- padding: 10px 16px;
1650
+ padding: 10px;
1642
1651
  text-align: left;
1652
+ border-inline-start: 1px solid var(--color-fd-border);
1643
1653
  border-bottom: 1px solid var(--color-fd-border);
1644
1654
  color: var(--color-fd-foreground);
1645
1655
  }
1646
1656
 
1647
- .fd-page-body tbody tr:last-child td {
1648
- border-bottom: none;
1657
+ .fd-page-body td:first-child {
1658
+ border-inline-start: none;
1649
1659
  }
1650
1660
 
1651
- .fd-page-body tbody tr:hover {
1652
- background: var(--color-fd-accent);
1661
+ .fd-page-body tbody tr:last-child td {
1662
+ border-bottom: none;
1653
1663
  }
1654
1664
 
1655
1665
  .fd-page-body td code {
@@ -345,7 +345,7 @@ nav[class*="header"] {
345
345
  font-weight: 400;
346
346
  }
347
347
 
348
- .fd-docs-content table {
348
+ :is(.fd-docs-content, #nd-docs-layout .prose) table {
349
349
  border-collapse: separate;
350
350
  border-spacing: 0;
351
351
  background: var(--color-fd-card);
@@ -354,7 +354,7 @@ nav[class*="header"] {
354
354
  width: 100%;
355
355
  }
356
356
 
357
- .fd-docs-content th {
357
+ :is(.fd-docs-content, #nd-docs-layout .prose) th {
358
358
  background: var(--color-fd-muted);
359
359
  font-weight: 500;
360
360
  font-size: 0.8125rem;
@@ -363,14 +363,14 @@ nav[class*="header"] {
363
363
  letter-spacing: normal;
364
364
  }
365
365
 
366
- .fd-docs-content th,
367
- .fd-docs-content td {
366
+ :is(.fd-docs-content, #nd-docs-layout .prose) th,
367
+ :is(.fd-docs-content, #nd-docs-layout .prose) td {
368
368
  padding: 0.75rem 1rem;
369
369
  border-bottom: 1px solid var(--color-fd-border);
370
370
  font-size: 0.875rem;
371
371
  }
372
372
 
373
- .fd-docs-content tr:last-child td {
373
+ :is(.fd-docs-content, #nd-docs-layout .prose) tr:last-child td {
374
374
  border-bottom: none;
375
375
  }
376
376
  .fd-last-modified-below-title p {
@@ -284,7 +284,7 @@ aside button[class*="bg-fd-secondary"] {
284
284
  /* Cards, callouts, tabs, and generic surfaces */
285
285
  .fd-card,
286
286
  [data-card],
287
- [class*="fd-callout"],
287
+ .fd-callout,
288
288
  .fd-page-action-menu,
289
289
  .fd-page-action-btn {
290
290
  border: 2px solid var(--color-fd-border) !important;
@@ -294,7 +294,7 @@ aside button[class*="bg-fd-secondary"] {
294
294
 
295
295
  .dark .fd-card,
296
296
  .dark [data-card],
297
- .dark [class*="fd-callout"],
297
+ .dark .fd-callout,
298
298
  .dark .fd-page-action-menu,
299
299
  .dark .fd-page-action-btn {
300
300
  box-shadow: 4px 4px 0 color-mix(in srgb, var(--color-fd-primary) 40%, transparent);
@@ -365,33 +365,40 @@ aside button[class*="bg-fd-secondary"] {
365
365
  background: #121214 !important;
366
366
  }
367
367
 
368
- .fd-docs-content table {
369
- border-collapse: collapse;
370
- border: 2px solid var(--color-fd-border);
368
+ .fd-table-wrapper {
369
+ border: 0 !important;
370
+ border-radius: 0 !important;
371
+ background: transparent !important;
372
+ }
373
+
374
+ :is(.fd-docs-content, .prose) table {
375
+ border-collapse: collapse !important;
376
+ border: 2px solid var(--color-fd-border) !important;
377
+ border-radius: 0 !important;
371
378
  width: 100%;
372
- background: var(--color-fd-card);
379
+ background: var(--color-fd-card) !important;
373
380
  }
374
381
 
375
- .fd-docs-content th,
376
- .fd-docs-content td {
377
- border: 2px solid var(--color-fd-border);
378
- padding: 0.7rem 0.85rem;
382
+ :is(.fd-docs-content, .prose) th,
383
+ :is(.fd-docs-content, .prose) td {
384
+ border: 2px solid var(--color-fd-border) !important;
385
+ padding: 0.7rem 0.85rem !important;
379
386
  }
380
387
 
381
- .fd-docs-content th {
388
+ :is(.fd-docs-content, .prose) th {
382
389
  text-transform: uppercase;
383
390
  letter-spacing: 0.05em;
384
391
  font-size: 0.78rem;
385
- background: var(--color-fd-primary);
386
- color: var(--color-fd-primary-foreground);
392
+ background: var(--color-fd-primary) !important;
393
+ color: var(--color-fd-primary-foreground) !important;
387
394
  }
388
395
 
389
- .fd-docs-content tbody tr:nth-child(even) td {
390
- background: color-mix(in srgb, var(--color-fd-secondary) 85%, transparent);
396
+ :is(.fd-docs-content, .prose) tbody tr:nth-child(even) td {
397
+ background: color-mix(in srgb, var(--color-fd-secondary) 85%, transparent) !important;
391
398
  }
392
399
 
393
- .dark .fd-docs-content tbody tr:nth-child(even) td {
394
- background: #1a1a1d;
400
+ .dark :is(.fd-docs-content, .prose) tbody tr:nth-child(even) td {
401
+ background: #1a1a1d !important;
395
402
  }
396
403
 
397
404
  /* Prev/next cards */
package/styles/ledger.css CHANGED
@@ -197,7 +197,7 @@ body,
197
197
  .fd-page-description,
198
198
  .fd-docs-content p,
199
199
  .fd-docs-content li,
200
- .fd-docs-content td {
200
+ :is(.fd-docs-content, .prose) td {
201
201
  color: var(--color-fd-muted-foreground);
202
202
  line-height: 1.7;
203
203
  }
@@ -381,7 +381,7 @@ figure.shiki:has(figcaption) > div:first-child > div:last-child {
381
381
  }
382
382
 
383
383
  .fd-table-wrapper,
384
- .fd-docs-content table {
384
+ :is(.fd-docs-content, .prose) table {
385
385
  border: 1px solid var(--fd-ledger-soft-border);
386
386
  border-radius: 0.5rem;
387
387
  background: var(--color-fd-card);
@@ -1,6 +1,6 @@
1
1
  /* @farming-labs/astro-theme — pixel-border theme (bundled)
2
2
  * Single import: includes base docs.css + pixel-border overrides.
3
- * Usage: @import "@farming-labs/astro-theme/pixel-border/css";
3
+ * Usage: @import "@farming-labs/theme/pixel-border/css";
4
4
  */
5
5
  @import "./docs.css";
6
6
  @import "./pixel-border.css";