atmosphere explorer
pds.ls
tool
typescript
atproto
darker header
+3
-3
+1
-1
src/components/search.tsx
+1
-1
src/components/search.tsx
···
66
66
return (
67
67
<button
68
68
onclick={() => setShowSearch(!showSearch())}
69
-
class="dark:bg-dark-100/70 text-baseline mr-1 box-border flex h-7 items-center gap-1 rounded-md border-[0.5px] border-neutral-300 bg-neutral-100/70 px-2 text-xs hover:bg-neutral-200 active:bg-neutral-300 dark:border-neutral-600 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
69
+
class="dark:bg-dark-200 text-baseline dark:hover:bg-dark-100 mr-1 box-border flex h-7 items-center gap-1 rounded-md border-[0.5px] border-neutral-300 bg-neutral-100 px-2 text-xs hover:bg-neutral-200 active:bg-neutral-300 dark:border-neutral-600 dark:active:bg-neutral-700"
70
70
>
71
71
<span class="iconify lucide--search"></span>
72
72
<Show
+2
-2
src/layout.tsx
+2
-2
src/layout.tsx
···
125
125
</Show>
126
126
</MetaProvider>
127
127
<header
128
-
class={`dark:shadow-dark-700 dark:bg-dark-300 mb-3 flex w-full items-center justify-between rounded-xl border-[0.5px] border-neutral-300 bg-neutral-50 bg-size-[95%] bg-right bg-no-repeat p-2 pl-3 shadow-xs [--header-bg:#fafafa] dark:border-neutral-700 dark:[--header-bg:#2d2d2d] ${localStorage.getItem("hrt") === "true" ? "bg-[linear-gradient(to_left,transparent_10%,var(--header-bg)_85%),linear-gradient(to_bottom,#5BCEFA90_0%,#5BCEFA90_20%,#F5A9B890_20%,#F5A9B890_40%,#FFFFFF90_40%,#FFFFFF90_60%,#F5A9B890_60%,#F5A9B890_80%,#5BCEFA90_80%,#5BCEFA90_100%)]" : ""}`}
128
+
class={`dark:shadow-dark-700 mb-3 flex w-full items-center justify-between rounded-xl border-[0.5px] border-neutral-300 bg-neutral-50 bg-size-[95%] bg-right bg-no-repeat p-2 pl-3 shadow-xs [--header-bg:#fafafa] dark:border-neutral-700 dark:bg-neutral-800 dark:[--header-bg:#262626] ${localStorage.getItem("hrt") === "true" ? "bg-[linear-gradient(to_left,transparent_10%,var(--header-bg)_85%),linear-gradient(to_bottom,#5BCEFA90_0%,#5BCEFA90_20%,#F5A9B890_20%,#F5A9B890_40%,#FFFFFF90_40%,#FFFFFF90_60%,#F5A9B890_60%,#F5A9B890_80%,#5BCEFA90_80%,#5BCEFA90_100%)]" : ""}`}
129
129
style={{
130
130
"background-image":
131
131
props.params.repo && props.params.repo in headers ?
···
141
141
<span class="iconify tabler--binary-tree-filled text-[#76c4e5]"></span>
142
142
<span>PDSls</span>
143
143
</A>
144
-
<div class="dark:bg-dark-300/60 relative flex items-center gap-0.5 rounded-lg bg-neutral-50/60 px-1 py-0.5">
144
+
<div class="relative flex items-center gap-0.5 rounded-lg bg-neutral-50/60 px-1 py-0.5 dark:bg-neutral-800/60">
145
145
<SearchButton />
146
146
<Show when={hasUserScope("create")}>
147
147
<RecordEditor create={true} />