chrisandClaude Opus 5.5
864ab88627
Inspired by a dashboard design the user shared. - App: new palette and fonts, borderless rounded panels with soft shadows, a pink-to-blue gradient card for your own song (text and controls switch to white on it), flat cards for friends, a 'Hi Chris, welcome back' header, an outline bell, and a pink pill on the active tab. - Website: the same look, plus a wide-screen layout with a sidebar, the page in a rounded panel, and a right column with your profile, recent activity and recent plays. Phones keep the top bar and bottom tabs. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_011Y2iUsKEWDuRGjK5FPmcUP
16 lines
474 B
TypeScript
16 lines
474 B
TypeScript
import { LinearGradient } from 'expo-linear-gradient';
|
|
import { StyleSheet } from 'react-native';
|
|
import { colors } from '@/lib/theme';
|
|
|
|
/** The page behind everything: flat slate, a touch lighter at the top. */
|
|
export function AmbientBackground() {
|
|
return (
|
|
<LinearGradient
|
|
colors={['#32304e', colors.bg, colors.bg]}
|
|
locations={[0, 0.45, 1]}
|
|
style={[StyleSheet.absoluteFill, { backgroundColor: colors.bg }]}
|
|
pointerEvents="none"
|
|
/>
|
|
);
|
|
}
|