+1
-1
index.html
+1
-1
index.html
···
21
21
<script src="/src/index.tsx" type="module"></script>
22
22
</head>
23
23
24
-
<body id="root" class="dark:bg-dark-800 bg-zinc-100">
24
+
<body id="root" class="dark:bg-dark-500 bg-zinc-100">
25
25
<noscript>You need to enable JavaScript to run this app.</noscript>
26
26
</body>
27
27
</html>
+1
-1
src/components/json.tsx
+1
-1
src/components/json.tsx
+1
-1
src/layout.tsx
+1
-1
src/layout.tsx
···
70
70
<Settings />
71
71
</div>
72
72
</div>
73
-
<div class="min-w-21rem sm:min-w-23rem z-1 dark:bg-dark-800 mb-4 flex max-w-full flex-col items-center text-pretty bg-zinc-100 md:max-w-screen-md">
73
+
<div class="min-w-21rem sm:min-w-23rem z-1 dark:bg-dark-500 mb-4 flex max-w-full flex-col items-center text-pretty bg-zinc-100 md:max-w-screen-md">
74
74
<Show when={location.pathname !== "/jetstream" && location.pathname !== "/firehose"}>
75
75
<Search />
76
76
</Show>
+2
-2
src/views/collection.tsx
+2
-2
src/views/collection.tsx
···
50
50
<Show when={hover()}>
51
51
<span
52
52
ref={previewRef}
53
-
class={`dark:bg-dark-800/70 left-50% max-h-md z-25 backdrop-blur-xs border-0.5 pointer-events-none absolute block w-max max-w-sm -translate-x-1/2 overflow-hidden whitespace-pre-wrap rounded-md border-neutral-300 bg-zinc-100/70 p-2 text-xs shadow-md lg:max-w-lg dark:border-neutral-700 ${isOverflowing(previewHeight()) ? "bottom-7" : "top-7"}`}
53
+
class={`dark:bg-dark-500/70 left-50% max-h-md z-25 backdrop-blur-xs border-0.5 pointer-events-none absolute block w-max max-w-sm -translate-x-1/2 overflow-hidden whitespace-pre-wrap rounded-md border-neutral-300 bg-zinc-100/70 p-2 text-xs shadow-md lg:max-w-lg dark:border-neutral-700 ${isOverflowing(previewHeight()) ? "bottom-7" : "top-7"}`}
54
54
>
55
55
<JSONValue
56
56
data={props.record.record.value as JSONType}
···
157
157
158
158
return (
159
159
<Show when={records.length || response()}>
160
-
<div class="z-5 dark:bg-dark-800 border-b-0.5 sticky top-0 mb-2 flex w-full flex-col items-center justify-center gap-2 border-neutral-400 bg-zinc-100 py-3 dark:border-neutral-600">
160
+
<div class="z-5 dark:bg-dark-500 border-b-0.5 sticky top-0 mb-2 flex w-full flex-col items-center justify-center gap-2 border-neutral-400 bg-zinc-100 py-3 dark:border-neutral-600">
161
161
<div class="flex w-full items-center gap-2">
162
162
<Show when={loginState() && agent.sub === did}>
163
163
<div class="flex items-center gap-x-2">
+1
-1
src/views/labels.tsx
+1
-1
src/views/labels.tsx
···
86
86
</div>
87
87
</div>
88
88
</form>
89
-
<div class="z-5 dark:bg-dark-800 border-b-0.5 sticky top-0 mb-2 flex w-full flex-col items-center justify-center gap-3 border-neutral-400 bg-zinc-100 py-3 dark:border-neutral-600">
89
+
<div class="z-5 dark:bg-dark-500 border-b-0.5 sticky top-0 mb-2 flex w-full flex-col items-center justify-center gap-3 border-neutral-400 bg-zinc-100 py-3 dark:border-neutral-600">
90
90
<TextInput
91
91
placeholder="Filter by label"
92
92
onInput={(e) => setFilter(e.currentTarget.value)}