mirror of
https://github.com/supabase/supabase.git
synced 2026-10-06 01:45:10 +03:00
Saxon FletcherandClaude Opus 4.8
fb02182e86
## I have read the [CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md) file. YES/NO ## What kind of change does this PR introduce? Bug fix, feature, docs update, ... ## What is the current behavior? Please link any relevant issues here. ## What is the new behavior? Feel free to include screenshots if it includes visual changes. ## Additional context Add any other context or screenshots. <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Refreshed theming across the UI to use modern color expressions and shared theme variables (including OKLCH-based gradients), improving consistency for charts, code blocks, overlays, icons, and decorative backgrounds. * **Bug Fixes** * Improved light/dark color and gradient consistency across axis/grid styling, reference lines, buttons/badges, sidebar accents, loaders, and other visual components. * **Documentation** * Updated styling/theming guidance to align with the revised semantic token system and the updated theme variable usage patterns. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
34 lines
837 B
TypeScript
34 lines
837 B
TypeScript
import Panel from '~/components/Panel'
|
|
import { useTheme } from 'next-themes'
|
|
import React from 'react'
|
|
import { cn } from 'ui'
|
|
|
|
export default function LaunchWeekPrizeCard({
|
|
content,
|
|
className,
|
|
contentClassName,
|
|
}: {
|
|
content: any
|
|
className?: string
|
|
contentClassName?: string
|
|
}) {
|
|
const { resolvedTheme } = useTheme()
|
|
|
|
return (
|
|
<Panel
|
|
hasShimmer
|
|
outerClassName={cn('relative rounded-lg overflow-hidden', className)}
|
|
innerClassName={cn(
|
|
'relative h-full flex flex-col rounded-lg overflow-hidden',
|
|
contentClassName
|
|
)}
|
|
shimmerToColor={
|
|
resolvedTheme?.includes('dark') ? 'var(--background-alternative-default)' : undefined
|
|
}
|
|
shimmerFromColor={resolvedTheme?.includes('dark') ? 'var(--border-default)' : undefined}
|
|
>
|
|
{content}
|
|
</Panel>
|
|
)
|
|
}
|