mirror of
https://github.com/supabase/supabase.git
synced 2026-10-05 17:35: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>
38 lines
990 B
TypeScript
38 lines
990 B
TypeScript
import { ComponentProps } from 'react'
|
|
|
|
export const Stripes = () => (
|
|
<div
|
|
className="grow absolute inset-0"
|
|
style={{
|
|
backgroundImage: `repeating-linear-gradient(
|
|
45deg,
|
|
var(--border-muted) 0px,
|
|
var(--border-muted) 1px,
|
|
transparent 1px,
|
|
transparent 8px
|
|
)`,
|
|
}}
|
|
/>
|
|
)
|
|
|
|
export const Dots = () => (
|
|
<div
|
|
className="h-full w-full absolute inset-0 bg-foreground-muted dark:bg-muted"
|
|
style={{
|
|
maskImage: 'url("/images/state-of-startups/pattern-stipple.svg")',
|
|
maskSize: '4px',
|
|
maskRepeat: 'repeat',
|
|
maskPosition: 'center',
|
|
}}
|
|
/>
|
|
)
|
|
|
|
export const Android = (props: ComponentProps<'svg'>) => (
|
|
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
|
|
<path
|
|
d="M2 5h2v2H2V5zm4 4H4V7h2v2zm2 0H6v2H4v2H2v6h20v-6h-2v-2h-2V9h2V7h2V5h-2v2h-2v2h-2V7H8v2zm0 0h8v2h2v2h2v4H4v-4h2v-2h2V9zm2 4H8v2h2v-2zm4 0h2v2h-2v-2z"
|
|
fill="currentColor"
|
|
/>
|
|
</svg>
|
|
)
|