forked from
pds.ls/pdsls
atproto explorer
change outline color
+17
-17
+1
-1
src/components/backlinks.tsx
+1
-1
src/components/backlinks.tsx
···
161
161
<button
162
162
type="button"
163
163
onclick={() => setMore(true)}
164
-
class="dark:hover:bg-dark-100 dark:bg-dark-300 focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-white px-2 py-1.5 text-xs font-bold shadow-sm hover:bg-zinc-200/50 focus:outline-blue-500"
164
+
class="dark:hover:bg-dark-100 dark:bg-dark-300 focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-white px-2 py-1.5 text-xs font-bold shadow-sm hover:bg-zinc-200/50 focus:outline-slate-900 dark:focus:outline-slate-100"
165
165
>
166
166
Load More
167
167
</button>
+3
-3
src/components/create.tsx
+3
-3
src/components/create.tsx
···
211
211
<select
212
212
name="validate"
213
213
id="validate"
214
-
class="dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-white px-1 py-1 shadow-sm focus:outline-blue-500"
214
+
class="dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-white px-1 py-1 shadow-sm focus:outline-slate-900 dark:focus:outline-slate-100"
215
215
>
216
216
<option value="unset">Unset</option>
217
217
<option value="true">True</option>
···
220
220
</div>
221
221
<div class="flex items-center gap-2">
222
222
<Show when={!uploading()}>
223
-
<div class="dark:hover:bg-dark-100 dark:bg-dark-300 focus-within:outline-1.5 dark:shadow-dark-900 flex rounded-lg bg-white text-xs font-bold shadow-sm focus-within:outline-blue-500 hover:bg-zinc-100">
223
+
<div class="dark:hover:bg-dark-100 dark:bg-dark-300 focus-within:outline-1.5 dark:shadow-dark-900 dark:within-focus:outline-slate-100 flex rounded-lg bg-white text-xs font-bold shadow-sm focus-within:outline-slate-900 hover:bg-zinc-100">
224
224
<input type="file" id="blob" hidden onChange={() => uploadBlob()} />
225
225
<label class="flex items-center gap-1 px-2 py-1.5" for="blob">
226
226
<div class="i-lucide-upload text-sm" />
···
270
270
createRecord(new FormData(formRef))
271
271
: editRecord(new FormData(formRef))
272
272
}
273
-
class="dark:hover:bg-dark-100 dark:bg-dark-300 focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-white px-2 py-1.5 text-xs font-bold shadow-sm hover:bg-zinc-100 focus:outline-blue-500 sm:text-sm"
273
+
class="dark:hover:bg-dark-100 dark:bg-dark-300 focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-white px-2 py-1.5 text-xs font-bold shadow-sm hover:bg-zinc-100 focus:outline-slate-900 sm:text-sm dark:focus:outline-slate-100"
274
274
>
275
275
{props.create ? "Create" : "Edit"}
276
276
</button>
+1
-1
src/components/search.tsx
+1
-1
src/components/search.tsx
···
69
69
</label>
70
70
</div>
71
71
<div class="flex w-full items-center gap-2">
72
-
<div class="dark:bg-dark-100 focus-within:outline-1.5 dark:shadow-dark-900 flex grow items-center gap-2 rounded-lg bg-white px-2 py-1 shadow-sm focus-within:outline-blue-500">
72
+
<div class="dark:bg-dark-100 focus-within:outline-1.5 dark:shadow-dark-900 flex grow items-center gap-2 rounded-lg bg-white px-2 py-1 shadow-sm focus-within:outline-slate-900 dark:focus-within:outline-slate-100">
73
73
<input
74
74
type="text"
75
75
spellcheck={false}
+1
-1
src/components/text-input.tsx
+1
-1
src/components/text-input.tsx
···
25
25
disabled={props.disabled}
26
26
required={props.required}
27
27
class={
28
-
"dark:bg-dark-100 focus:outline-1.5 rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-blue-500 dark:shadow-dark-900 " +
28
+
"dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-slate-900 dark:focus:outline-slate-100 " +
29
29
props.class
30
30
}
31
31
onInput={props.onInput}
+1
-1
src/views/blob.tsx
+1
-1
src/views/blob.tsx
···
53
53
<button
54
54
type="button"
55
55
onclick={() => refetch()}
56
-
class="dark:hover:bg-dark-100 dark:bg-dark-300 focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-white px-2 py-1.5 text-xs font-bold shadow-sm hover:bg-zinc-200/50 focus:outline-blue-500"
56
+
class="dark:hover:bg-dark-100 dark:bg-dark-300 focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-white px-2 py-1.5 text-xs font-bold shadow-sm hover:bg-zinc-200/50 focus:outline-slate-900 dark:focus:outline-slate-100"
57
57
>
58
58
Load More
59
59
</button>
+1
-1
src/views/collection.tsx
+1
-1
src/views/collection.tsx
···
236
236
<button
237
237
type="button"
238
238
onclick={() => refetch()}
239
-
class="dark:hover:bg-dark-100 dark:bg-dark-300 focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-white px-2 py-1.5 text-xs font-bold shadow-sm hover:bg-zinc-200/50 focus:outline-blue-500"
239
+
class="dark:hover:bg-dark-100 dark:bg-dark-300 focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-white px-2 py-1.5 text-xs font-bold shadow-sm hover:bg-zinc-200/50 focus:outline-slate-900 dark:focus:outline-slate-100"
240
240
>
241
241
Load More
242
242
</button>
+2
-2
src/views/labels.tsx
+2
-2
src/views/labels.tsx
···
72
72
spellcheck={false}
73
73
rows={3}
74
74
value={searchParams.uriPatterns ?? "*"}
75
-
class="dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-900 mb-1 grow rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-blue-500"
75
+
class="dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-900 mb-1 grow rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-slate-900 dark:focus:outline-slate-100"
76
76
/>
77
77
<div class="flex justify-center">
78
78
<Show when={!response.loading}>
···
106
106
<button
107
107
type="button"
108
108
onclick={() => refetch()}
109
-
class="dark:hover:bg-dark-100 dark:bg-dark-300 focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-white px-2 py-1.5 text-xs font-bold shadow-sm hover:bg-zinc-200/50 focus:outline-blue-500"
109
+
class="dark:hover:bg-dark-100 dark:bg-dark-300 focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-white px-2 py-1.5 text-xs font-bold shadow-sm hover:bg-zinc-200/50 focus:outline-slate-900 dark:focus:outline-slate-100"
110
110
>
111
111
Load More
112
112
</button>
+1
-1
src/views/pds.tsx
+1
-1
src/views/pds.tsx
···
151
151
<button
152
152
type="button"
153
153
onclick={() => refetch()}
154
-
class="dark:hover:bg-dark-100 dark:bg-dark-300 focus:outline-1.5 dark:shadow-dark-900 mt-2 rounded-lg bg-white px-2 py-1.5 text-xs font-bold shadow-sm hover:bg-zinc-200/50 focus:outline-blue-500"
154
+
class="dark:hover:bg-dark-100 dark:bg-dark-300 focus:outline-1.5 dark:shadow-dark-900 mt-2 rounded-lg bg-white px-2 py-1.5 text-xs font-bold shadow-sm hover:bg-zinc-200/50 focus:outline-slate-900 dark:focus:outline-slate-100"
155
155
>
156
156
Load More
157
157
</button>
+2
-2
src/views/record.tsx
+2
-2
src/views/record.tsx
···
156
156
<button
157
157
type="button"
158
158
onclick={() => setOpenDelete(false)}
159
-
class="dark:hover:bg-dark-100 dark:bg-dark-300 focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-white px-2 py-1.5 text-sm font-bold shadow-sm hover:bg-zinc-100 focus:outline-blue-500"
159
+
class="dark:hover:bg-dark-100 dark:bg-dark-300 focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-white px-2 py-1.5 text-sm font-bold shadow-sm hover:bg-zinc-100 focus:outline-slate-900 dark:focus:outline-slate-100"
160
160
>
161
161
Cancel
162
162
</button>
163
163
<button
164
164
type="button"
165
165
onclick={deleteRecord}
166
-
class="focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-red-500 px-2 py-1.5 text-sm font-bold text-slate-100 shadow-sm hover:bg-red-400 focus:outline-blue-500"
166
+
class="focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-red-500 px-2 py-1.5 text-sm font-bold text-slate-100 shadow-sm hover:bg-red-400 focus:outline-slate-900 dark:focus:outline-slate-100"
167
167
>
168
168
Delete
169
169
</button>
+1
-1
src/views/repo.tsx
+1
-1
src/views/repo.tsx
···
306
306
<button
307
307
type="button"
308
308
onclick={() => downloadRepo()}
309
-
class="dark:hover:bg-dark-100 dark:bg-dark-300 focus:outline-1.5 dark:shadow-dark-900 flex items-center gap-1 rounded-lg bg-white px-2 py-1.5 text-xs font-bold shadow-sm hover:bg-zinc-200/50 focus:outline-blue-500"
309
+
class="dark:hover:bg-dark-100 dark:bg-dark-300 focus:outline-1.5 dark:shadow-dark-900 flex items-center gap-1 rounded-lg bg-white px-2 py-1.5 text-xs font-bold shadow-sm hover:bg-zinc-200/50 focus:outline-slate-900 dark:focus:outline-slate-100"
310
310
>
311
311
<div class="i-lucide-download text-sm" />
312
312
Export Repo
+3
-3
src/views/stream.tsx
+3
-3
src/views/stream.tsx
···
178
178
spellcheck={false}
179
179
placeholder="Comma-separated list of collections"
180
180
value={searchParams.collections ?? ""}
181
-
class="w-16rem dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-blue-500"
181
+
class="w-16rem dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-slate-900 dark:focus:outline-slate-100"
182
182
/>
183
183
</label>
184
184
</Show>
···
190
190
spellcheck={false}
191
191
placeholder="Comma-separated list of DIDs"
192
192
value={searchParams.dids ?? ""}
193
-
class="w-16rem dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-blue-500"
193
+
class="w-16rem dark:bg-dark-100 focus:outline-1.5 dark:shadow-dark-900 rounded-lg bg-white px-2 py-1 shadow-sm focus:outline-slate-900 dark:focus:outline-slate-100"
194
194
/>
195
195
</label>
196
196
</Show>
···
238
238
<button
239
239
type="button"
240
240
onclick={() => connectSocket(new FormData(formRef))}
241
-
class="dark:hover:bg-dark-100 dark:bg-dark-300 focus:outline-1.5 dark:shadow-dark-900 w-fit rounded-lg bg-white px-2 py-1.5 text-xs font-bold shadow-sm hover:bg-zinc-200/50 focus:outline-blue-500"
241
+
class="dark:hover:bg-dark-100 dark:bg-dark-300 focus:outline-1.5 dark:shadow-dark-900 w-fit rounded-lg bg-white px-2 py-1.5 text-xs font-bold shadow-sm hover:bg-zinc-200/50 focus:outline-slate-900 dark:focus:outline-slate-100"
242
242
>
243
243
{connected() ? "Disconnect" : "Connect"}
244
244
</button>