versia-pub/docs
2
0
Fork 0
mirror of https://github.com/versia-pub/docs.git synced 2026-03-13 19:09: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/Code.tsx
View file

@ -79,7 +79,7 @@ function CopyButton({ code }: { code: string }) {
className={clsx(
"group/button absolute right-4 top-3.5 overflow-hidden rounded-full py-1 pl-2 pr-3 text-2xs font-medium opacity-0 backdrop-blur transition focus:opacity-100 group-hover:opacity-100",
copied
? "bg-emerald-400/10 ring-1 ring-inset ring-emerald-400/20"
? "bg-brand-400/10 ring-1 ring-inset ring-brand-400/20"
: "bg-white/5 hover:bg-white/7.5 dark:bg-white/2.5 dark:hover:bg-white/5",
)}
onClick={() => {
@ -101,7 +101,7 @@ function CopyButton({ code }: { code: string }) {
<span
aria-hidden={!copied}
className={clsx(
"pointer-events-none absolute inset-0 flex items-center justify-center text-emerald-400 transition duration-300",
"pointer-events-none absolute inset-0 flex items-center justify-center text-brand-400 transition duration-300",
!copied && "translate-y-1.5 opacity-0",
)}
>
@ -200,7 +200,7 @@ function CodeGroupHeader({
className={clsx(
"border-b py-3 transition ui-not-focus-visible:outline-none",
childIndex === selectedIndex
? "border-emerald-500 text-emerald-400"
? "border-brand-500 text-brand-400"
: "border-transparent text-zinc-400 hover:text-zinc-300",
)}
>