mirror of
https://github.com/supabase/supabase.git
synced 2026-09-08 19:08:44 +08:00
19ee79b030
Adjusts light theme for better contrast on foreground, muted-foreground and tertiary-foreground text <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **Style** * Retuned the light theme’s surface chroma and updated light, muted, and tertiary foreground levels for improved readability. * Updated the brand link color saturation to better align with the revised theme. * Refreshed code block token colors for both light and dark themes. * **Documentation** * Updated the “Edit this page on GitHub” link styling to use updated token-based text colors for default and hover states. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
30 lines
819 B
TypeScript
30 lines
819 B
TypeScript
import { ExternalLink } from 'lucide-react'
|
|
import { cn } from 'ui'
|
|
import { type EditLink } from '~/features/helpers.edit-link'
|
|
|
|
interface GuideFooterProps {
|
|
className?: string
|
|
editLink: EditLink
|
|
}
|
|
|
|
export function GuideFooter({ className, editLink }: GuideFooterProps) {
|
|
if (!editLink) return null
|
|
|
|
return (
|
|
<footer className={cn('mt-16 not-prose', className)}>
|
|
<a
|
|
href={editLink.includesProtocol ? editLink.link : `https://github.com/${editLink.link}`}
|
|
className={cn(
|
|
'w-fit',
|
|
'flex items-center gap-1',
|
|
'text-sm text-tertiary-foreground hover:text-foreground'
|
|
)}
|
|
target="_blank"
|
|
rel="noreferrer noopener edit"
|
|
>
|
|
Edit this page on GitHub <ExternalLink size={14} strokeWidth={1.5} />
|
|
</a>
|
|
</footer>
|
|
)
|
|
}
|