Files
website/src/main.tsx
T
m-tartari e0c7314313 ✨ feat: add light theme
can be accessed using the theme query param
(eg `?theme=system`)
2025-06-17 09:52:37 +02:00

39 lines
1.2 KiB
TypeScript

/* istanbul ignore file */
import '@fontsource/oswald/700.css'
import '@fontsource/oswald/500.css'
import '@fontsource/oswald/400.css'
import '@fontsource/oswald/300.css'
import '@fontsource/inter/700.css'
import '@fontsource/inter/500.css'
import '@fontsource/inter/400.css'
import '@fontsource/inter/300.css'
import React from 'react'
import ReactDOM from 'react-dom/client'
import { AnalyticsProvider } from 'use-analytics'
import { ThemeProvider, CssBaseline } from '@mui/material'
import analytics from 'components/utils/analytics/index.js'
import theme from 'style/theme.js'
import App from './App.js'
import './index.css'
const themeParam = new URLSearchParams(window.location.search).get('theme')
let mode: 'light' | 'dark' | 'system' = 'dark'
if (themeParam === 'light' || themeParam === 'dark' || themeParam === 'system') {
mode = themeParam
}
const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
root.render(
<React.StrictMode>
<AnalyticsProvider instance={analytics}>
<ThemeProvider theme={theme} defaultMode={mode}>
<CssBaseline />
<App />
</ThemeProvider>
</AnalyticsProvider>
</React.StrictMode>
)