Chad Curtis
1af6a45a77
Defer body inline style removal until CSS variables are injected by useApplyTheme, preventing a one-frame flash of unstyled background. Replace preloader logo <img> with CSS mask technique matching the React DittoLogo component, so the logo uses the theme's primary color instead of filter:invert() which turned purple into green.
22 lines
498 B
TypeScript
22 lines
498 B
TypeScript
import { createRoot } from 'react-dom/client';
|
|
|
|
// Import polyfills first
|
|
import './lib/polyfills.ts';
|
|
|
|
import { ErrorBoundary } from '@/components/ErrorBoundary';
|
|
import App from './App.tsx';
|
|
import './index.css';
|
|
|
|
import '@fontsource-variable/inter';
|
|
|
|
createRoot(document.getElementById("root")!).render(
|
|
<ErrorBoundary>
|
|
<App />
|
|
</ErrorBoundary>
|
|
);
|
|
|
|
// Remove the HTML preloader after React has painted.
|
|
requestAnimationFrame(() => {
|
|
document.getElementById('preloader')?.remove();
|
|
});
|