@farming-labs/theme 0.1.12 → 0.1.16

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.
@@ -151,43 +151,56 @@
151
151
  min-width: 0 !important;
152
152
  display: flex !important;
153
153
  align-items: center !important;
154
- gap: 8px !important;
155
- padding: 6px 12px !important;
154
+ gap: 10px !important;
155
+ padding: 6px 10px !important;
156
156
  font-size: 0.875rem !important;
157
157
  color: var(--color-fd-muted-foreground) !important;
158
- background: transparent !important;
158
+ background: color-mix(in srgb, var(--color-fd-card) 88%, transparent) !important;
159
159
  border: 1px solid var(--color-fd-border) !important;
160
- border-radius: 8px !important;
160
+ border-radius: 12px !important;
161
+ box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.32);
161
162
  cursor: pointer;
162
163
  transition: background-color 150ms, border-color 150ms, color 150ms;
163
164
  }
164
165
 
165
166
  .fd-sidebar-search-ai-row > .fd-sidebar-search-btn:hover {
166
- background: var(--color-fd-accent) !important;
167
+ background: color-mix(in srgb, var(--color-fd-accent) 88%, transparent) !important;
167
168
  color: var(--color-fd-foreground) !important;
168
169
  }
169
170
 
170
171
  .fd-sidebar-search-ai-row > .fd-sidebar-search-btn svg {
171
172
  flex-shrink: 0 !important;
172
- width: 16px !important;
173
- height: 16px !important;
173
+ width: 15px !important;
174
+ height: 15px !important;
175
+ color: color-mix(in srgb, var(--color-fd-foreground) 72%, var(--color-fd-muted-foreground)) !important;
174
176
  }
175
177
 
176
178
  .fd-sidebar-search-ai-row .fd-sidebar-search-kbd {
177
- display: flex !important;
178
- gap: 2px !important;
179
+ display: inline-flex !important;
180
+ align-items: center !important;
181
+ gap: 0.25rem !important;
179
182
  margin-left: auto !important;
180
- font-size: 0.75rem !important;
181
- opacity: 0.8;
183
+ padding: 0.2rem 0.45rem !important;
184
+ border: 1px solid color-mix(in srgb, var(--color-fd-border) 88%, transparent) !important;
185
+ border-radius: 999px !important;
186
+ background: color-mix(in srgb, var(--color-fd-muted) 70%, transparent) !important;
187
+ color: var(--color-fd-muted-foreground) !important;
188
+ font-family: var(--fd-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace) !important;
189
+ font-size: 0.68rem !important;
190
+ letter-spacing: 0.04em !important;
191
+ opacity: 1;
182
192
  }
183
193
 
184
194
  .fd-sidebar-search-ai-row .fd-sidebar-search-kbd kbd {
185
195
  font-family: inherit !important;
186
- font-size: 0.7rem !important;
187
- padding: 2px 5px !important;
188
- border: 1px solid var(--color-fd-border) !important;
189
- border-radius: 4px !important;
190
- background: var(--color-fd-muted) !important;
196
+ font-size: inherit !important;
197
+ line-height: 1 !important;
198
+ padding: 0 !important;
199
+ border: 0 !important;
200
+ border-radius: 0 !important;
201
+ background: transparent !important;
202
+ box-shadow: none !important;
203
+ color: inherit !important;
191
204
  }
192
205
 
193
206
  .fd-sidebar-search-ai-row > .fd-sidebar-ai-btn {
@@ -218,18 +231,23 @@
218
231
 
219
232
  /* Dark mode: .dark can be on html or body; row may be inside or outside .fd-sidebar */
220
233
  .dark .fd-sidebar-search-ai-row > .fd-sidebar-search-btn {
221
- background: hsl(0 0% 18%) !important;
234
+ background: rgb(255 255 255 / 0.05) !important;
222
235
  border-color: hsl(0 0% 28%) !important;
223
236
  color: hsl(0 0% 72%) !important;
237
+ box-shadow: none !important;
224
238
  }
225
239
 
226
240
  .dark .fd-sidebar-search-ai-row > .fd-sidebar-search-btn:hover {
227
- background: hsl(0 0% 24%) !important;
241
+ background: rgb(255 255 255 / 0.08) !important;
228
242
  color: hsl(0 0% 95%) !important;
229
243
  }
230
244
 
231
245
  .dark .fd-sidebar-search-ai-row .fd-sidebar-search-kbd kbd {
232
- background: hsl(0 0% 22%) !important;
246
+ color: hsl(0 0% 72%) !important;
247
+ }
248
+
249
+ .dark .fd-sidebar-search-ai-row .fd-sidebar-search-kbd {
250
+ background: rgb(255 255 255 / 0.06) !important;
233
251
  border-color: hsl(0 0% 28%) !important;
234
252
  color: hsl(0 0% 72%) !important;
235
253
  }