versia-pub/docs
2
0
Fork 0
mirror of https://github.com/versia-pub/docs.git synced 2026-03-13 02:49:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: ✨ Make branding adapt to our colors

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-07-22 12:35:55 +02:00
parent 27631b618e
commit 02695bc22c
No known key found for this signature in database
13 changed files with 38 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/Search.tsx
View file

@ -164,7 +164,7 @@ function LoadingIcon(props: ComponentPropsWithoutRef<"svg">) {
function HighlightQuery({ text, query }: { text: string; query: string }) {
return (
<Highlighter
highlightClassName="underline bg-transparent text-emerald-500"
highlightClassName="underline bg-transparent text-brand-500"
searchWords={[query]}
autoEscape={true}
textToHighlight={text}
@ -210,7 +210,7 @@ function SearchResult({
<div
id={`${id}-title`}
aria-hidden="true"
className="text-sm font-medium text-zinc-900 group-aria-selected:text-emerald-500 dark:text-white"
className="text-sm font-medium text-zinc-900 group-aria-selected:text-brand-500 dark:text-white"
>
<HighlightQuery text={result.title} query={query} />
</div>
@ -321,7 +321,7 @@ const SearchInput = forwardRef<
/>
{autocompleteState.status === "stalled" && (
<div className="absolute inset-y-0 right-3 flex items-center">
<LoadingIcon className="h-5 w-5 animate-spin stroke-zinc-200 text-zinc-900 dark:stroke-zinc-800 dark:text-emerald-400" />
<LoadingIcon className="h-5 w-5 animate-spin stroke-zinc-200 text-zinc-900 dark:stroke-zinc-800 dark:text-brand-400" />
</div>
)}
</div>