forked from pdsls.dev/pdsls
this repo has no description

lighter dark mode

Changed files
+7 -7
src
+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
··· 97 97 > 98 98 <span 99 99 classList={{ 100 - "dark:bg-dark-800 absolute w-5 -left-5 bg-zinc-100 text-sm": true, 100 + "dark:bg-dark-500 absolute w-5 -left-5 bg-zinc-100 text-sm": true, 101 101 "hidden group-hover/clip:block": show(), 102 102 }} 103 103 >
+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
··· 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
··· 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)}
+1 -1
src/views/repo.tsx
··· 140 140 {error()} 141 141 </div> 142 142 </Show> 143 - <div class="flex gap-1 overflow-hidden text-sm"> 143 + <div class="flex gap-1 text-sm"> 144 144 <Show when={!error()}> 145 145 <RepoTab tab="collections" label="Collections" /> 146 146 </Show>