55 lines
1.2 KiB
TypeScript
55 lines
1.2 KiB
TypeScript
import { StrictMode } from 'react'
|
|
import { createRoot } from 'react-dom/client'
|
|
import { MantineProvider, createTheme } from '@mantine/core'
|
|
import { Notifications } from '@mantine/notifications'
|
|
import '@mantine/core/styles.css'
|
|
import '@mantine/notifications/styles.css'
|
|
import './index.css'
|
|
import App from './App'
|
|
|
|
// Apple-inspired theme
|
|
const theme = createTheme({
|
|
primaryColor: 'blue',
|
|
fontFamily: '-apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif',
|
|
defaultRadius: 'md',
|
|
colors: {
|
|
blue: [
|
|
'#e6f2ff',
|
|
'#cce5ff',
|
|
'#99cfff',
|
|
'#66b8ff',
|
|
'#33a1ff',
|
|
'#007AFF',
|
|
'#0062cc',
|
|
'#004999',
|
|
'#003166',
|
|
'#001833',
|
|
],
|
|
},
|
|
components: {
|
|
Button: {
|
|
defaultProps: {
|
|
radius: 'md',
|
|
},
|
|
},
|
|
Card: {
|
|
defaultProps: {
|
|
radius: 'lg',
|
|
},
|
|
},
|
|
Input: {
|
|
defaultProps: {
|
|
radius: 'md',
|
|
},
|
|
},
|
|
},
|
|
})
|
|
|
|
createRoot(document.getElementById('root')!).render(
|
|
<StrictMode>
|
|
<MantineProvider theme={theme} defaultColorScheme="light">
|
|
<Notifications position="top-right" />
|
|
<App />
|
|
</MantineProvider>
|
|
</StrictMode>,
|
|
) |