Implement custom dark theme for the app and enhance login/register screens with animations. Update dependencies and fix package versions in package.json and package-lock.json.

This commit is contained in:
albivkt
2025-08-06 05:09:12 +03:00
parent 21b4c00d9e
commit d0550acff9
5 changed files with 869 additions and 171 deletions

View File

@ -1,20 +1,49 @@
import React from 'react';
import { StatusBar } from 'expo-status-bar';
import { ApolloProvider } from '@apollo/client';
import { Provider as PaperProvider } from 'react-native-paper';
import { Provider as PaperProvider, MD3DarkTheme, configureFonts } from 'react-native-paper';
import { SafeAreaProvider } from 'react-native-safe-area-context';
import { apolloClient } from './src/services/apollo-client';
import { AuthProvider } from './src/contexts/AuthContext';
import { AppNavigator } from './src/navigation/AppNavigator';
// Кастомная темная тема в черно-фиолетовых тонах
const theme = {
...MD3DarkTheme,
colors: {
...MD3DarkTheme.colors,
primary: '#9333ea',
secondary: '#a855f7',
tertiary: '#7c3aed',
background: '#0a0a0f',
surface: '#1a1a2e',
surfaceVariant: '#2d2d42',
onSurface: '#ffffff',
onSurfaceVariant: '#e5e5e7',
onPrimary: '#ffffff',
elevation: {
level0: 'transparent',
level1: '#1a1a2e',
level2: '#2d2d42',
level3: '#3d3d56',
level4: '#4d4d6a',
level5: '#5d5d7e',
},
outline: '#7c3aed',
outlineVariant: '#6d28d9',
error: '#ef4444',
},
roundness: 12,
};
export default function App() {
return (
<SafeAreaProvider>
<ApolloProvider client={apolloClient}>
<PaperProvider>
<PaperProvider theme={theme}>
<AuthProvider>
<AppNavigator />
<StatusBar style="auto" />
<StatusBar style="light" />
</AuthProvider>
</PaperProvider>
</ApolloProvider>