mirror of
https://github.com/webadderallorg/Recordly.git
synced 2026-09-25 23:35:43 +00:00
webadderall
aecefd6db2
Add a complete light mode theme with a ThemeContext and CSS custom properties for all UI surfaces. Replaces hardcoded dark colors with theme-aware equivalents across 32 files including: - Tailwind config extended with theme color tokens - CSS custom properties for light/dark palettes in index.css - ThemeContext provider in App.tsx with system preference detection - All editor panels, dialogs, timeline, and settings updated to use theme-aware classes (text-foreground, bg-surface, border-border, etc.) - Timeline glass effects and module CSS updated for both modes - UI primitives (accordion, switch, slider, sonner) themed
19 lines
531 B
TypeScript
19 lines
531 B
TypeScript
import React from "react";
|
|
import ReactDOM from "react-dom/client";
|
|
import App from "./App.tsx";
|
|
import { I18nProvider } from "./contexts/I18nContext.tsx";
|
|
import { ThemeProvider } from "./contexts/ThemeContext.tsx";
|
|
import "./index.css";
|
|
|
|
document.documentElement.dataset.platform = /mac/i.test(navigator.platform) ? "macos" : "other";
|
|
|
|
ReactDOM.createRoot(document.getElementById("root")!).render(
|
|
<React.StrictMode>
|
|
<ThemeProvider>
|
|
<I18nProvider>
|
|
<App />
|
|
</I18nProvider>
|
|
</ThemeProvider>
|
|
</React.StrictMode>,
|
|
);
|