@farming-labs/svelte-theme 0.2.6 → 0.2.8
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 +3 -3
- package/src/components/DocsLayout.svelte +20 -20
- package/styles/colorful.css +63 -52
- package/styles/command-grid-bundle.css +326 -309
- package/styles/command-grid.css +326 -309
- package/styles/concrete.css +158 -121
- package/styles/darksharp.css +92 -70
- package/styles/docs.css +481 -455
- package/styles/greentree.css +199 -169
- package/styles/hardline.css +191 -166
- package/styles/ledger.css +116 -107
- package/styles/omni.css +51 -51
- package/styles/pixel-border.css +207 -173
package/styles/hardline.css
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/* @farming-labs/theme - hardline theme CSS */
|
|
2
2
|
|
|
3
|
-
:
|
|
3
|
+
body:has(#nd-docs-layout),
|
|
4
|
+
#nd-docs-layout {
|
|
4
5
|
--color-fd-primary: #ffd335;
|
|
5
6
|
--color-fd-primary-foreground: #121212;
|
|
6
7
|
--color-fd-ring: #121212;
|
|
@@ -23,7 +24,11 @@
|
|
|
23
24
|
--fd-nav-height: 64px;
|
|
24
25
|
}
|
|
25
26
|
|
|
26
|
-
.dark
|
|
27
|
+
html.dark body:has(#nd-docs-layout),
|
|
28
|
+
body.dark:has(#nd-docs-layout),
|
|
29
|
+
body:has(#nd-docs-layout.dark),
|
|
30
|
+
:is(html.dark, body.dark) #nd-docs-layout,
|
|
31
|
+
#nd-docs-layout.dark {
|
|
27
32
|
--color-fd-primary: #ffcf3a;
|
|
28
33
|
--color-fd-primary-foreground: #101010;
|
|
29
34
|
--color-fd-ring: #ffcf3a;
|
|
@@ -43,19 +48,20 @@
|
|
|
43
48
|
--color-fd-border: rgba(213, 204, 185, 0.82);
|
|
44
49
|
}
|
|
45
50
|
|
|
46
|
-
|
|
51
|
+
#nd-docs-layout,
|
|
52
|
+
#nd-docs-layout * {
|
|
47
53
|
scrollbar-width: auto;
|
|
48
54
|
}
|
|
49
55
|
|
|
50
|
-
::selection
|
|
56
|
+
#nd-docs-layout::selection,
|
|
57
|
+
#nd-docs-layout *::selection {
|
|
51
58
|
background: var(--color-fd-primary);
|
|
52
59
|
color: var(--color-fd-primary-foreground);
|
|
53
60
|
}
|
|
54
61
|
|
|
55
62
|
/* Hard-edge layout baseline */
|
|
56
63
|
#nd-docs-layout [class*="rounded-"],
|
|
57
|
-
#nd-docs-layout [style*="border-radius"]
|
|
58
|
-
#nd-docs-layout code:not(pre code) {
|
|
64
|
+
#nd-docs-layout [style*="border-radius"] {
|
|
59
65
|
border-radius: 0 !important;
|
|
60
66
|
}
|
|
61
67
|
|
|
@@ -65,19 +71,18 @@
|
|
|
65
71
|
|
|
66
72
|
/* Header and sidebar structure */
|
|
67
73
|
#nd-docs-layout > header,
|
|
68
|
-
[role="banner"] {
|
|
74
|
+
#nd-docs-layout [role="banner"] {
|
|
69
75
|
border-bottom: 2px solid var(--color-fd-border);
|
|
70
76
|
background: var(--color-fd-background);
|
|
71
77
|
}
|
|
72
78
|
|
|
73
|
-
aside#nd-sidebar
|
|
74
|
-
#nd-docs-layout aside {
|
|
79
|
+
#nd-docs-layout aside#nd-sidebar {
|
|
75
80
|
background: var(--color-fd-background);
|
|
76
81
|
border-right: 2px solid var(--color-fd-border);
|
|
77
82
|
}
|
|
78
83
|
|
|
79
84
|
/* Sidebar links and categories */
|
|
80
|
-
aside a[data-active] {
|
|
85
|
+
#nd-docs-layout aside a[data-active] {
|
|
81
86
|
font-weight: 600;
|
|
82
87
|
font-size: 0.92rem;
|
|
83
88
|
letter-spacing: 0.01em;
|
|
@@ -86,23 +91,23 @@ aside a[data-active] {
|
|
|
86
91
|
color: var(--color-fd-foreground);
|
|
87
92
|
}
|
|
88
93
|
|
|
89
|
-
aside a[data-active]:hover {
|
|
94
|
+
#nd-docs-layout aside a[data-active]:hover {
|
|
90
95
|
border-color: var(--color-fd-border);
|
|
91
96
|
background: color-mix(in srgb, var(--color-fd-primary) 24%, transparent);
|
|
92
97
|
}
|
|
93
98
|
|
|
94
|
-
aside a[data-active="true"] {
|
|
99
|
+
#nd-docs-layout aside a[data-active="true"] {
|
|
95
100
|
font-weight: 800;
|
|
96
101
|
background: var(--color-fd-primary);
|
|
97
102
|
color: var(--color-fd-primary-foreground);
|
|
98
103
|
border-color: var(--color-fd-border);
|
|
99
104
|
}
|
|
100
105
|
|
|
101
|
-
aside a[data-active="true"]::before {
|
|
106
|
+
#nd-docs-layout aside a[data-active="true"]::before {
|
|
102
107
|
display: none !important;
|
|
103
108
|
}
|
|
104
109
|
|
|
105
|
-
aside button.text-fd-muted-foreground {
|
|
110
|
+
#nd-docs-layout aside button.text-fd-muted-foreground {
|
|
106
111
|
font-size: 0.83rem;
|
|
107
112
|
font-weight: 800;
|
|
108
113
|
letter-spacing: 0.06em;
|
|
@@ -111,30 +116,32 @@ aside button.text-fd-muted-foreground {
|
|
|
111
116
|
}
|
|
112
117
|
|
|
113
118
|
/* Search/action inputs in sidebar */
|
|
114
|
-
aside button[class*="bg-fd-secondary"] {
|
|
119
|
+
#nd-docs-layout aside button[class*="bg-fd-secondary"] {
|
|
115
120
|
border: 2px solid var(--color-fd-border);
|
|
116
121
|
background: var(--color-fd-card);
|
|
117
122
|
font-weight: 600;
|
|
118
123
|
}
|
|
119
124
|
|
|
120
|
-
.dark aside a[data-active]:hover
|
|
125
|
+
:is(html.dark, body.dark) #nd-docs-layout aside a[data-active]:hover,
|
|
126
|
+
#nd-docs-layout.dark aside a[data-active]:hover {
|
|
121
127
|
background: color-mix(in srgb, var(--color-fd-primary) 16%, transparent);
|
|
122
128
|
}
|
|
123
129
|
|
|
124
|
-
.dark aside button[class*="bg-fd-secondary"]
|
|
130
|
+
:is(html.dark, body.dark) #nd-docs-layout aside button[class*="bg-fd-secondary"],
|
|
131
|
+
#nd-docs-layout.dark aside button[class*="bg-fd-secondary"] {
|
|
125
132
|
background: #151516;
|
|
126
133
|
}
|
|
127
134
|
|
|
128
135
|
/* Search UI (sidebar + command palette) */
|
|
129
|
-
.fd-sidebar-search-ai-row {
|
|
136
|
+
#nd-docs-layout .fd-sidebar-search-ai-row {
|
|
130
137
|
display: flex;
|
|
131
138
|
gap: 8px;
|
|
132
139
|
align-items: stretch;
|
|
133
140
|
width: 100%;
|
|
134
141
|
}
|
|
135
142
|
|
|
136
|
-
.fd-sidebar-search-ai-row > .fd-sidebar-search-btn,
|
|
137
|
-
.fd-sidebar-search-btn {
|
|
143
|
+
#nd-docs-layout .fd-sidebar-search-ai-row > .fd-sidebar-search-btn,
|
|
144
|
+
#nd-docs-layout .fd-sidebar-search-btn {
|
|
138
145
|
flex: 1;
|
|
139
146
|
min-width: 0;
|
|
140
147
|
display: flex;
|
|
@@ -148,18 +155,18 @@ aside button[class*="bg-fd-secondary"] {
|
|
|
148
155
|
font-weight: 600;
|
|
149
156
|
}
|
|
150
157
|
|
|
151
|
-
.fd-sidebar-search-ai-row > .fd-sidebar-search-btn:hover,
|
|
152
|
-
.fd-sidebar-search-btn:hover {
|
|
158
|
+
#nd-docs-layout .fd-sidebar-search-ai-row > .fd-sidebar-search-btn:hover,
|
|
159
|
+
#nd-docs-layout .fd-sidebar-search-btn:hover {
|
|
153
160
|
background: color-mix(in srgb, var(--color-fd-primary) 18%, var(--color-fd-card)) !important;
|
|
154
161
|
}
|
|
155
162
|
|
|
156
|
-
.fd-sidebar-search-kbd {
|
|
163
|
+
#nd-docs-layout .fd-sidebar-search-kbd {
|
|
157
164
|
margin-left: auto;
|
|
158
165
|
display: flex;
|
|
159
166
|
gap: 3px;
|
|
160
167
|
}
|
|
161
168
|
|
|
162
|
-
.fd-sidebar-search-kbd kbd {
|
|
169
|
+
#nd-docs-layout .fd-sidebar-search-kbd kbd {
|
|
163
170
|
border: 1px solid var(--color-fd-border);
|
|
164
171
|
border-radius: 0 !important;
|
|
165
172
|
background: var(--color-fd-secondary);
|
|
@@ -168,8 +175,8 @@ aside button[class*="bg-fd-secondary"] {
|
|
|
168
175
|
font-size: 0.68rem;
|
|
169
176
|
}
|
|
170
177
|
|
|
171
|
-
.fd-sidebar-search-ai-row > .fd-sidebar-ai-btn,
|
|
172
|
-
.fd-sidebar-ai-btn {
|
|
178
|
+
#nd-docs-layout .fd-sidebar-search-ai-row > .fd-sidebar-ai-btn,
|
|
179
|
+
#nd-docs-layout .fd-sidebar-ai-btn {
|
|
173
180
|
width: 38px;
|
|
174
181
|
min-width: 38px;
|
|
175
182
|
display: inline-flex;
|
|
@@ -181,66 +188,66 @@ aside button[class*="bg-fd-secondary"] {
|
|
|
181
188
|
color: var(--color-fd-foreground) !important;
|
|
182
189
|
}
|
|
183
190
|
|
|
184
|
-
.fd-sidebar-search-ai-row > .fd-sidebar-ai-btn:hover,
|
|
185
|
-
.fd-sidebar-ai-btn:hover {
|
|
191
|
+
#nd-docs-layout .fd-sidebar-search-ai-row > .fd-sidebar-ai-btn:hover,
|
|
192
|
+
#nd-docs-layout .fd-sidebar-ai-btn:hover {
|
|
186
193
|
background: var(--color-fd-primary) !important;
|
|
187
194
|
color: var(--color-fd-primary-foreground) !important;
|
|
188
195
|
}
|
|
189
196
|
|
|
190
|
-
.omni-content {
|
|
197
|
+
#nd-docs-layout .omni-content {
|
|
191
198
|
border-radius: 0 !important;
|
|
192
199
|
border: 2px solid var(--color-fd-border) !important;
|
|
193
200
|
background: var(--color-fd-popover);
|
|
194
201
|
box-shadow: 6px 6px 0 var(--color-fd-border);
|
|
195
202
|
}
|
|
196
203
|
|
|
197
|
-
.omni-header {
|
|
204
|
+
#nd-docs-layout .omni-header {
|
|
198
205
|
border-bottom: 2px solid var(--color-fd-border) !important;
|
|
199
206
|
}
|
|
200
207
|
|
|
201
|
-
.omni-search-row {
|
|
208
|
+
#nd-docs-layout .omni-search-row {
|
|
202
209
|
gap: 0.625rem;
|
|
203
210
|
padding: 0.625rem 0.75rem;
|
|
204
211
|
}
|
|
205
212
|
|
|
206
|
-
.omni-search-input {
|
|
213
|
+
#nd-docs-layout .omni-search-input {
|
|
207
214
|
font-weight: 600;
|
|
208
215
|
}
|
|
209
216
|
|
|
210
|
-
.omni-search-input:focus {
|
|
217
|
+
#nd-docs-layout .omni-search-input:focus {
|
|
211
218
|
caret-color: var(--color-fd-primary);
|
|
212
219
|
}
|
|
213
220
|
|
|
214
|
-
.omni-kbd,
|
|
215
|
-
.omni-kbd-sm,
|
|
216
|
-
.omni-close-btn {
|
|
221
|
+
#nd-docs-layout .omni-kbd,
|
|
222
|
+
#nd-docs-layout .omni-kbd-sm,
|
|
223
|
+
#nd-docs-layout .omni-close-btn {
|
|
217
224
|
border-radius: 0 !important;
|
|
218
225
|
}
|
|
219
226
|
|
|
220
|
-
.omni-kbd,
|
|
221
|
-
.omni-kbd-sm {
|
|
227
|
+
#nd-docs-layout .omni-kbd,
|
|
228
|
+
#nd-docs-layout .omni-kbd-sm {
|
|
222
229
|
border: 1px solid var(--color-fd-border);
|
|
223
230
|
background: var(--color-fd-secondary);
|
|
224
231
|
}
|
|
225
232
|
|
|
226
|
-
.omni-close-btn:hover {
|
|
233
|
+
#nd-docs-layout .omni-close-btn:hover {
|
|
227
234
|
background: var(--color-fd-primary);
|
|
228
235
|
color: var(--color-fd-primary-foreground);
|
|
229
236
|
}
|
|
230
237
|
|
|
231
|
-
.omni-item {
|
|
238
|
+
#nd-docs-layout .omni-item {
|
|
232
239
|
border-radius: 0 !important;
|
|
233
240
|
border: 1px solid transparent;
|
|
234
241
|
font-weight: 600;
|
|
235
242
|
}
|
|
236
243
|
|
|
237
|
-
.omni-item:hover,
|
|
238
|
-
.omni-item-active {
|
|
244
|
+
#nd-docs-layout .omni-item:hover,
|
|
245
|
+
#nd-docs-layout .omni-item-active {
|
|
239
246
|
border-color: var(--color-fd-border);
|
|
240
247
|
background: color-mix(in srgb, var(--color-fd-primary) 16%, transparent);
|
|
241
248
|
}
|
|
242
249
|
|
|
243
|
-
.omni-highlight {
|
|
250
|
+
#nd-docs-layout .omni-highlight {
|
|
244
251
|
border-radius: 0 !important;
|
|
245
252
|
background: color-mix(in srgb, var(--color-fd-primary) 36%, transparent);
|
|
246
253
|
}
|
|
@@ -257,23 +264,23 @@ aside button[class*="bg-fd-secondary"] {
|
|
|
257
264
|
}
|
|
258
265
|
|
|
259
266
|
/* Typography */
|
|
260
|
-
.fd-docs-content h1,
|
|
261
|
-
.fd-docs-content h2,
|
|
262
|
-
.fd-docs-content h3,
|
|
263
|
-
.fd-docs-content h4 {
|
|
267
|
+
#nd-docs-layout .fd-docs-content h1,
|
|
268
|
+
#nd-docs-layout .fd-docs-content h2,
|
|
269
|
+
#nd-docs-layout .fd-docs-content h3,
|
|
270
|
+
#nd-docs-layout .fd-docs-content h4 {
|
|
264
271
|
text-transform: uppercase;
|
|
265
272
|
letter-spacing: 0.01em;
|
|
266
273
|
}
|
|
267
274
|
|
|
268
|
-
.fd-docs-content h1 {
|
|
275
|
+
#nd-docs-layout .fd-docs-content h1 {
|
|
269
276
|
font-weight: 900;
|
|
270
277
|
}
|
|
271
278
|
|
|
272
|
-
.fd-docs-content p {
|
|
279
|
+
#nd-docs-layout .fd-docs-content p {
|
|
273
280
|
font-weight: 500;
|
|
274
281
|
}
|
|
275
282
|
|
|
276
|
-
.fd-docs-content a:not(.fd-page-nav-card):not([class]) {
|
|
283
|
+
#nd-docs-layout .fd-docs-content a:not(.fd-page-nav-card):not([class]) {
|
|
277
284
|
color: inherit;
|
|
278
285
|
text-decoration: underline;
|
|
279
286
|
text-decoration-thickness: 2px;
|
|
@@ -282,33 +289,38 @@ aside button[class*="bg-fd-secondary"] {
|
|
|
282
289
|
}
|
|
283
290
|
|
|
284
291
|
/* Cards, callouts, tabs, and generic surfaces */
|
|
285
|
-
.fd-card,
|
|
286
|
-
[data-card],
|
|
287
|
-
[class*="fd-callout"],
|
|
288
|
-
.fd-page-action-menu,
|
|
289
|
-
.fd-page-action-btn {
|
|
292
|
+
#nd-docs-layout .fd-card,
|
|
293
|
+
#nd-docs-layout [data-card],
|
|
294
|
+
#nd-docs-layout [class*="fd-callout"],
|
|
295
|
+
#nd-docs-layout .fd-page-action-menu,
|
|
296
|
+
#nd-docs-layout .fd-page-action-btn {
|
|
290
297
|
border: 2px solid var(--color-fd-border) !important;
|
|
291
298
|
background: var(--color-fd-card);
|
|
292
299
|
box-shadow: 4px 4px 0 var(--color-fd-border);
|
|
293
300
|
}
|
|
294
301
|
|
|
295
|
-
.dark .fd-card,
|
|
296
|
-
.dark
|
|
297
|
-
.dark [
|
|
298
|
-
.dark
|
|
299
|
-
.dark .
|
|
302
|
+
:is(html.dark, body.dark) #nd-docs-layout .fd-card,
|
|
303
|
+
#nd-docs-layout.dark .fd-card,
|
|
304
|
+
:is(html.dark, body.dark) #nd-docs-layout [data-card],
|
|
305
|
+
#nd-docs-layout.dark [data-card],
|
|
306
|
+
:is(html.dark, body.dark) #nd-docs-layout [class*="fd-callout"],
|
|
307
|
+
#nd-docs-layout.dark [class*="fd-callout"],
|
|
308
|
+
:is(html.dark, body.dark) #nd-docs-layout .fd-page-action-menu,
|
|
309
|
+
#nd-docs-layout.dark .fd-page-action-menu,
|
|
310
|
+
:is(html.dark, body.dark) #nd-docs-layout .fd-page-action-btn,
|
|
311
|
+
#nd-docs-layout.dark .fd-page-action-btn {
|
|
300
312
|
box-shadow: 4px 4px 0 color-mix(in srgb, var(--color-fd-primary) 40%, transparent);
|
|
301
313
|
}
|
|
302
314
|
|
|
303
315
|
/* Page actions: hardline hard edges */
|
|
304
|
-
.fd-page-action-btn,
|
|
305
|
-
.fd-page-action-menu,
|
|
306
|
-
.fd-page-action-menu-item,
|
|
307
|
-
.fd-page-action-dropdown {
|
|
316
|
+
#nd-docs-layout .fd-page-action-btn,
|
|
317
|
+
#nd-docs-layout .fd-page-action-menu,
|
|
318
|
+
#nd-docs-layout .fd-page-action-menu-item,
|
|
319
|
+
#nd-docs-layout .fd-page-action-dropdown {
|
|
308
320
|
border-radius: 0 !important;
|
|
309
321
|
}
|
|
310
322
|
|
|
311
|
-
.fd-page-action-btn {
|
|
323
|
+
#nd-docs-layout .fd-page-action-btn {
|
|
312
324
|
border: 2px solid var(--color-fd-border) !important;
|
|
313
325
|
background: var(--color-fd-card) !important;
|
|
314
326
|
color: var(--color-fd-foreground) !important;
|
|
@@ -316,69 +328,72 @@ aside button[class*="bg-fd-secondary"] {
|
|
|
316
328
|
letter-spacing: 0.01em;
|
|
317
329
|
}
|
|
318
330
|
|
|
319
|
-
.fd-page-action-btn:hover,
|
|
320
|
-
.fd-page-action-btn[data-selected="true"],
|
|
321
|
-
.fd-page-action-btn[data-copied="true"] {
|
|
331
|
+
#nd-docs-layout .fd-page-action-btn:hover,
|
|
332
|
+
#nd-docs-layout .fd-page-action-btn[data-selected="true"],
|
|
333
|
+
#nd-docs-layout .fd-page-action-btn[data-copied="true"] {
|
|
322
334
|
background: var(--color-fd-primary) !important;
|
|
323
335
|
color: var(--color-fd-primary-foreground) !important;
|
|
324
336
|
border-color: var(--color-fd-border) !important;
|
|
325
337
|
}
|
|
326
338
|
|
|
327
|
-
.fd-page-action-btn svg,
|
|
328
|
-
.fd-page-action-btn[data-selected="true"] svg,
|
|
329
|
-
.fd-page-action-btn[data-copied="true"] svg {
|
|
339
|
+
#nd-docs-layout .fd-page-action-btn svg,
|
|
340
|
+
#nd-docs-layout .fd-page-action-btn[data-selected="true"] svg,
|
|
341
|
+
#nd-docs-layout .fd-page-action-btn[data-copied="true"] svg {
|
|
330
342
|
color: currentColor;
|
|
331
343
|
}
|
|
332
344
|
|
|
333
|
-
.fd-page-action-menu {
|
|
345
|
+
#nd-docs-layout .fd-page-action-menu {
|
|
334
346
|
border: 2px solid var(--color-fd-border);
|
|
335
347
|
padding: 0.35rem;
|
|
336
348
|
}
|
|
337
349
|
|
|
338
|
-
.fd-page-action-menu-item {
|
|
350
|
+
#nd-docs-layout .fd-page-action-menu-item {
|
|
339
351
|
border: 1px solid transparent;
|
|
340
352
|
font-weight: 600;
|
|
341
353
|
}
|
|
342
354
|
|
|
343
|
-
.fd-page-action-menu-item:hover {
|
|
355
|
+
#nd-docs-layout .fd-page-action-menu-item:hover {
|
|
344
356
|
border-color: var(--color-fd-border);
|
|
345
357
|
background: color-mix(in srgb, var(--color-fd-primary) 20%, transparent);
|
|
346
358
|
}
|
|
347
359
|
|
|
348
|
-
.fd-docs-content :not(pre) > code {
|
|
360
|
+
#nd-docs-layout .fd-docs-content :not(pre) > code {
|
|
349
361
|
border: 2px solid var(--color-fd-border);
|
|
350
362
|
background: var(--color-fd-secondary);
|
|
351
363
|
padding: 1px 6px;
|
|
352
364
|
font-weight: 700;
|
|
353
365
|
}
|
|
354
366
|
|
|
355
|
-
.fd-docs-content pre,
|
|
356
|
-
.fd-docs-content .shiki,
|
|
357
|
-
.fd-docs-content [data-codeblock] {
|
|
367
|
+
#nd-docs-layout .fd-docs-content pre,
|
|
368
|
+
#nd-docs-layout .fd-docs-content .shiki,
|
|
369
|
+
#nd-docs-layout .fd-docs-content [data-codeblock] {
|
|
358
370
|
border: 2px solid var(--color-fd-border) !important;
|
|
359
371
|
background: var(--color-fd-card) !important;
|
|
360
372
|
}
|
|
361
373
|
|
|
362
|
-
.dark .fd-docs-content pre,
|
|
363
|
-
.dark .fd-docs-content
|
|
364
|
-
.dark .fd-docs-content
|
|
374
|
+
:is(html.dark, body.dark) #nd-docs-layout .fd-docs-content pre,
|
|
375
|
+
#nd-docs-layout.dark .fd-docs-content pre,
|
|
376
|
+
:is(html.dark, body.dark) #nd-docs-layout .fd-docs-content .shiki,
|
|
377
|
+
#nd-docs-layout.dark .fd-docs-content .shiki,
|
|
378
|
+
:is(html.dark, body.dark) #nd-docs-layout .fd-docs-content [data-codeblock],
|
|
379
|
+
#nd-docs-layout.dark .fd-docs-content [data-codeblock] {
|
|
365
380
|
background: #121214 !important;
|
|
366
381
|
}
|
|
367
382
|
|
|
368
|
-
.fd-docs-content table {
|
|
383
|
+
#nd-docs-layout .fd-docs-content table {
|
|
369
384
|
border-collapse: collapse;
|
|
370
385
|
border: 2px solid var(--color-fd-border);
|
|
371
386
|
width: 100%;
|
|
372
387
|
background: var(--color-fd-card);
|
|
373
388
|
}
|
|
374
389
|
|
|
375
|
-
.fd-docs-content th,
|
|
376
|
-
.fd-docs-content td {
|
|
390
|
+
#nd-docs-layout .fd-docs-content th,
|
|
391
|
+
#nd-docs-layout .fd-docs-content td {
|
|
377
392
|
border: 2px solid var(--color-fd-border);
|
|
378
393
|
padding: 0.7rem 0.85rem;
|
|
379
394
|
}
|
|
380
395
|
|
|
381
|
-
.fd-docs-content th {
|
|
396
|
+
#nd-docs-layout .fd-docs-content th {
|
|
382
397
|
text-transform: uppercase;
|
|
383
398
|
letter-spacing: 0.05em;
|
|
384
399
|
font-size: 0.78rem;
|
|
@@ -386,170 +401,180 @@ aside button[class*="bg-fd-secondary"] {
|
|
|
386
401
|
color: var(--color-fd-primary-foreground);
|
|
387
402
|
}
|
|
388
403
|
|
|
389
|
-
.fd-docs-content tbody tr:nth-child(even) td {
|
|
404
|
+
#nd-docs-layout .fd-docs-content tbody tr:nth-child(even) td {
|
|
390
405
|
background: color-mix(in srgb, var(--color-fd-secondary) 85%, transparent);
|
|
391
406
|
}
|
|
392
407
|
|
|
393
|
-
.dark .fd-docs-content tbody tr:nth-child(even) td
|
|
408
|
+
:is(html.dark, body.dark) #nd-docs-layout .fd-docs-content tbody tr:nth-child(even) td,
|
|
409
|
+
#nd-docs-layout.dark .fd-docs-content tbody tr:nth-child(even) td {
|
|
394
410
|
background: #1a1a1d;
|
|
395
411
|
}
|
|
396
412
|
|
|
397
413
|
/* Prev/next cards */
|
|
398
|
-
.fd-page-nav,
|
|
399
|
-
.fd-page-nav-card,
|
|
400
|
-
[class*="page-nav"] a {
|
|
414
|
+
#nd-docs-layout .fd-page-nav,
|
|
415
|
+
#nd-docs-layout .fd-page-nav-card,
|
|
416
|
+
#nd-docs-layout [class*="page-nav"] a {
|
|
401
417
|
border: 2px solid var(--color-fd-border);
|
|
402
418
|
background: var(--color-fd-card);
|
|
403
419
|
box-shadow: 4px 4px 0 var(--color-fd-border);
|
|
404
420
|
border-radius: 0 !important;
|
|
405
421
|
}
|
|
406
422
|
|
|
407
|
-
.fd-page-nav-card:hover,
|
|
408
|
-
[class*="page-nav"] a:hover {
|
|
423
|
+
#nd-docs-layout .fd-page-nav-card:hover,
|
|
424
|
+
#nd-docs-layout [class*="page-nav"] a:hover {
|
|
409
425
|
background: color-mix(in srgb, var(--color-fd-primary) 18%, var(--color-fd-card));
|
|
410
426
|
}
|
|
411
427
|
|
|
412
|
-
.fd-page-nav-card [class*="text-"] {
|
|
428
|
+
#nd-docs-layout .fd-page-nav-card [class*="text-"] {
|
|
413
429
|
text-transform: uppercase;
|
|
414
430
|
letter-spacing: 0.03em;
|
|
415
431
|
}
|
|
416
432
|
|
|
417
|
-
.dark .fd-page-nav,
|
|
418
|
-
.dark .fd-page-nav
|
|
419
|
-
.dark
|
|
433
|
+
:is(html.dark, body.dark) #nd-docs-layout .fd-page-nav,
|
|
434
|
+
#nd-docs-layout.dark .fd-page-nav,
|
|
435
|
+
:is(html.dark, body.dark) #nd-docs-layout .fd-page-nav-card,
|
|
436
|
+
#nd-docs-layout.dark .fd-page-nav-card,
|
|
437
|
+
:is(html.dark, body.dark) #nd-docs-layout [class*="page-nav"] a,
|
|
438
|
+
#nd-docs-layout.dark [class*="page-nav"] a {
|
|
420
439
|
box-shadow: 4px 4px 0 color-mix(in srgb, var(--color-fd-primary) 35%, transparent);
|
|
421
440
|
}
|
|
422
441
|
|
|
423
442
|
/* Ask AI and feedback - hardline treatment */
|
|
424
|
-
.fd-ai-dialog,
|
|
425
|
-
.fd-ai-tab,
|
|
426
|
-
.fd-ai-input-wrap,
|
|
427
|
-
.fd-ai-send-btn,
|
|
428
|
-
.fd-ai-close-btn,
|
|
429
|
-
.fd-ai-clear-btn,
|
|
430
|
-
.fd-ai-floating-btn,
|
|
431
|
-
.fd-ai-suggestion,
|
|
432
|
-
.fd-ai-result,
|
|
433
|
-
.fd-ai-model-dropdown-btn,
|
|
434
|
-
.fd-ai-model-dropdown-menu,
|
|
435
|
-
.fd-ai-model-dropdown-item,
|
|
436
|
-
.fd-ai-fm-input-container,
|
|
437
|
-
.fd-ai-fm-send-btn,
|
|
438
|
-
.fd-ai-fm-suggestion,
|
|
439
|
-
.fd-ai-fm-trigger-btn,
|
|
440
|
-
.fd-ai-fm-close-btn,
|
|
441
|
-
.fd-ai-code-block,
|
|
442
|
-
.fd-ai-code-copy,
|
|
443
|
-
.fd-feedback-input,
|
|
444
|
-
.fd-feedback-submit,
|
|
445
|
-
.fd-feedback-choice {
|
|
443
|
+
#nd-docs-layout .fd-ai-dialog,
|
|
444
|
+
#nd-docs-layout .fd-ai-tab,
|
|
445
|
+
#nd-docs-layout .fd-ai-input-wrap,
|
|
446
|
+
#nd-docs-layout .fd-ai-send-btn,
|
|
447
|
+
#nd-docs-layout .fd-ai-close-btn,
|
|
448
|
+
#nd-docs-layout .fd-ai-clear-btn,
|
|
449
|
+
#nd-docs-layout .fd-ai-floating-btn,
|
|
450
|
+
#nd-docs-layout .fd-ai-suggestion,
|
|
451
|
+
#nd-docs-layout .fd-ai-result,
|
|
452
|
+
#nd-docs-layout .fd-ai-model-dropdown-btn,
|
|
453
|
+
#nd-docs-layout .fd-ai-model-dropdown-menu,
|
|
454
|
+
#nd-docs-layout .fd-ai-model-dropdown-item,
|
|
455
|
+
#nd-docs-layout .fd-ai-fm-input-container,
|
|
456
|
+
#nd-docs-layout .fd-ai-fm-send-btn,
|
|
457
|
+
#nd-docs-layout .fd-ai-fm-suggestion,
|
|
458
|
+
#nd-docs-layout .fd-ai-fm-trigger-btn,
|
|
459
|
+
#nd-docs-layout .fd-ai-fm-close-btn,
|
|
460
|
+
#nd-docs-layout .fd-ai-code-block,
|
|
461
|
+
#nd-docs-layout .fd-ai-code-copy,
|
|
462
|
+
#nd-docs-layout .fd-feedback-input,
|
|
463
|
+
#nd-docs-layout .fd-feedback-submit,
|
|
464
|
+
#nd-docs-layout .fd-feedback-choice {
|
|
446
465
|
border-radius: 0 !important;
|
|
447
466
|
}
|
|
448
467
|
|
|
449
|
-
.fd-ai-dialog,
|
|
450
|
-
.fd-ai-input-wrap,
|
|
451
|
-
.fd-ai-model-dropdown-menu,
|
|
452
|
-
.fd-ai-fm-topbar,
|
|
453
|
-
.fd-ai-fm-input-container,
|
|
454
|
-
.fd-ai-code-block {
|
|
468
|
+
#nd-docs-layout .fd-ai-dialog,
|
|
469
|
+
#nd-docs-layout .fd-ai-input-wrap,
|
|
470
|
+
#nd-docs-layout .fd-ai-model-dropdown-menu,
|
|
471
|
+
#nd-docs-layout .fd-ai-fm-topbar,
|
|
472
|
+
#nd-docs-layout .fd-ai-fm-input-container,
|
|
473
|
+
#nd-docs-layout .fd-ai-code-block {
|
|
455
474
|
border: 2px solid var(--color-fd-border) !important;
|
|
456
475
|
background: var(--color-fd-card) !important;
|
|
457
476
|
box-shadow: 4px 4px 0 var(--color-fd-border);
|
|
458
477
|
}
|
|
459
478
|
|
|
460
|
-
.dark .fd-ai-dialog,
|
|
461
|
-
.dark .fd-ai-
|
|
462
|
-
.dark .fd-ai-
|
|
463
|
-
.dark .fd-ai-
|
|
464
|
-
.dark .fd-ai-
|
|
465
|
-
.dark .fd-ai-
|
|
479
|
+
:is(html.dark, body.dark) #nd-docs-layout .fd-ai-dialog,
|
|
480
|
+
#nd-docs-layout.dark .fd-ai-dialog,
|
|
481
|
+
:is(html.dark, body.dark) #nd-docs-layout .fd-ai-input-wrap,
|
|
482
|
+
#nd-docs-layout.dark .fd-ai-input-wrap,
|
|
483
|
+
:is(html.dark, body.dark) #nd-docs-layout .fd-ai-model-dropdown-menu,
|
|
484
|
+
#nd-docs-layout.dark .fd-ai-model-dropdown-menu,
|
|
485
|
+
:is(html.dark, body.dark) #nd-docs-layout .fd-ai-fm-topbar,
|
|
486
|
+
#nd-docs-layout.dark .fd-ai-fm-topbar,
|
|
487
|
+
:is(html.dark, body.dark) #nd-docs-layout .fd-ai-fm-input-container,
|
|
488
|
+
#nd-docs-layout.dark .fd-ai-fm-input-container,
|
|
489
|
+
:is(html.dark, body.dark) #nd-docs-layout .fd-ai-code-block,
|
|
490
|
+
#nd-docs-layout.dark .fd-ai-code-block {
|
|
466
491
|
box-shadow: 4px 4px 0 color-mix(in srgb, var(--color-fd-primary) 35%, transparent);
|
|
467
492
|
}
|
|
468
493
|
|
|
469
|
-
.fd-ai-send-btn,
|
|
470
|
-
.fd-ai-close-btn,
|
|
471
|
-
.fd-ai-clear-btn,
|
|
472
|
-
.fd-ai-floating-btn,
|
|
473
|
-
.fd-ai-model-dropdown-btn,
|
|
474
|
-
.fd-ai-fm-send-btn,
|
|
475
|
-
.fd-ai-fm-trigger-btn,
|
|
476
|
-
.fd-ai-fm-close-btn,
|
|
477
|
-
.fd-feedback-submit,
|
|
478
|
-
.fd-feedback-choice {
|
|
494
|
+
#nd-docs-layout .fd-ai-send-btn,
|
|
495
|
+
#nd-docs-layout .fd-ai-close-btn,
|
|
496
|
+
#nd-docs-layout .fd-ai-clear-btn,
|
|
497
|
+
#nd-docs-layout .fd-ai-floating-btn,
|
|
498
|
+
#nd-docs-layout .fd-ai-model-dropdown-btn,
|
|
499
|
+
#nd-docs-layout .fd-ai-fm-send-btn,
|
|
500
|
+
#nd-docs-layout .fd-ai-fm-trigger-btn,
|
|
501
|
+
#nd-docs-layout .fd-ai-fm-close-btn,
|
|
502
|
+
#nd-docs-layout .fd-feedback-submit,
|
|
503
|
+
#nd-docs-layout .fd-feedback-choice {
|
|
479
504
|
border: 2px solid var(--color-fd-border) !important;
|
|
480
505
|
background: var(--color-fd-secondary) !important;
|
|
481
506
|
color: var(--color-fd-foreground) !important;
|
|
482
507
|
font-weight: 700;
|
|
483
508
|
}
|
|
484
509
|
|
|
485
|
-
.fd-ai-send-btn:hover,
|
|
486
|
-
.fd-ai-clear-btn:hover,
|
|
487
|
-
.fd-ai-floating-btn:hover,
|
|
488
|
-
.fd-ai-model-dropdown-btn:hover,
|
|
489
|
-
.fd-ai-fm-send-btn:hover,
|
|
490
|
-
.fd-ai-fm-trigger-btn:hover,
|
|
491
|
-
.fd-feedback-submit:hover,
|
|
492
|
-
.fd-feedback-choice:hover,
|
|
493
|
-
.fd-feedback-choice[data-selected="true"] {
|
|
510
|
+
#nd-docs-layout .fd-ai-send-btn:hover,
|
|
511
|
+
#nd-docs-layout .fd-ai-clear-btn:hover,
|
|
512
|
+
#nd-docs-layout .fd-ai-floating-btn:hover,
|
|
513
|
+
#nd-docs-layout .fd-ai-model-dropdown-btn:hover,
|
|
514
|
+
#nd-docs-layout .fd-ai-fm-send-btn:hover,
|
|
515
|
+
#nd-docs-layout .fd-ai-fm-trigger-btn:hover,
|
|
516
|
+
#nd-docs-layout .fd-feedback-submit:hover,
|
|
517
|
+
#nd-docs-layout .fd-feedback-choice:hover,
|
|
518
|
+
#nd-docs-layout .fd-feedback-choice[data-selected="true"] {
|
|
494
519
|
background: var(--color-fd-primary) !important;
|
|
495
520
|
color: var(--color-fd-primary-foreground) !important;
|
|
496
521
|
}
|
|
497
522
|
|
|
498
|
-
.fd-ai-tab {
|
|
523
|
+
#nd-docs-layout .fd-ai-tab {
|
|
499
524
|
border: 2px solid transparent;
|
|
500
525
|
font-weight: 700;
|
|
501
526
|
text-transform: uppercase;
|
|
502
527
|
letter-spacing: 0.04em;
|
|
503
528
|
}
|
|
504
529
|
|
|
505
|
-
.fd-ai-tab[data-active="true"] {
|
|
530
|
+
#nd-docs-layout .fd-ai-tab[data-active="true"] {
|
|
506
531
|
border-color: var(--color-fd-border);
|
|
507
532
|
background: var(--color-fd-primary);
|
|
508
533
|
color: var(--color-fd-primary-foreground);
|
|
509
534
|
}
|
|
510
535
|
|
|
511
|
-
.fd-ai-bubble-user,
|
|
512
|
-
.fd-ai-bubble-ai {
|
|
536
|
+
#nd-docs-layout .fd-ai-bubble-user,
|
|
537
|
+
#nd-docs-layout .fd-ai-bubble-ai {
|
|
513
538
|
border: 2px solid var(--color-fd-border);
|
|
514
539
|
border-radius: 0 !important;
|
|
515
540
|
}
|
|
516
541
|
|
|
517
|
-
.fd-ai-bubble-user {
|
|
542
|
+
#nd-docs-layout .fd-ai-bubble-user {
|
|
518
543
|
background: var(--color-fd-primary);
|
|
519
544
|
color: var(--color-fd-primary-foreground);
|
|
520
545
|
}
|
|
521
546
|
|
|
522
|
-
.fd-ai-bubble-ai {
|
|
547
|
+
#nd-docs-layout .fd-ai-bubble-ai {
|
|
523
548
|
background: var(--color-fd-card);
|
|
524
549
|
color: var(--color-fd-card-foreground);
|
|
525
550
|
}
|
|
526
551
|
|
|
527
|
-
.fd-ai-bubble-ai table,
|
|
528
|
-
.fd-ai-fm-msg-content table {
|
|
552
|
+
#nd-docs-layout .fd-ai-bubble-ai table,
|
|
553
|
+
#nd-docs-layout .fd-ai-fm-msg-content table {
|
|
529
554
|
border-collapse: collapse;
|
|
530
555
|
border: 2px solid var(--color-fd-border);
|
|
531
556
|
}
|
|
532
557
|
|
|
533
|
-
.fd-ai-bubble-ai th,
|
|
534
|
-
.fd-ai-bubble-ai td,
|
|
535
|
-
.fd-ai-fm-msg-content th,
|
|
536
|
-
.fd-ai-fm-msg-content td {
|
|
558
|
+
#nd-docs-layout .fd-ai-bubble-ai th,
|
|
559
|
+
#nd-docs-layout .fd-ai-bubble-ai td,
|
|
560
|
+
#nd-docs-layout .fd-ai-fm-msg-content th,
|
|
561
|
+
#nd-docs-layout .fd-ai-fm-msg-content td {
|
|
537
562
|
border: 2px solid var(--color-fd-border);
|
|
538
563
|
}
|
|
539
564
|
|
|
540
565
|
/* API reference panels */
|
|
541
|
-
[data-api-reference] [class*="border"],
|
|
542
|
-
[class*="fd-api"] [class*="border"] {
|
|
566
|
+
#nd-docs-layout [data-api-reference] [class*="border"],
|
|
567
|
+
#nd-docs-layout [class*="fd-api"] [class*="border"] {
|
|
543
568
|
border-color: var(--color-fd-border) !important;
|
|
544
569
|
}
|
|
545
570
|
|
|
546
|
-
[class*="fd-api"] button,
|
|
547
|
-
[class*="fd-api"] [role="tab"] {
|
|
571
|
+
#nd-docs-layout [class*="fd-api"] button,
|
|
572
|
+
#nd-docs-layout [class*="fd-api"] [role="tab"] {
|
|
548
573
|
border-radius: 0 !important;
|
|
549
574
|
border: 2px solid transparent;
|
|
550
575
|
}
|
|
551
576
|
|
|
552
|
-
[class*="fd-api"] [role="tab"][data-state="active"] {
|
|
577
|
+
#nd-docs-layout [class*="fd-api"] [role="tab"][data-state="active"] {
|
|
553
578
|
border-color: var(--color-fd-border);
|
|
554
579
|
background: var(--color-fd-primary);
|
|
555
580
|
color: var(--color-fd-primary-foreground);
|