Three changes make the editor respect the active theme: 1. useThemeManager now derives app-specific CSS variables (--bg-primary, --text-primary, --border-primary, etc.) from the theme's core colors, so the editor's EditorTheme.css variables resolve correctly for both light and dark themes. 2. BlockNoteView theme prop is now dynamic (isDark ? 'dark' : 'light') instead of hardcoded to 'light', so BlockNote's own UI chrome (menus, toolbars) matches the active theme. 3. Removed forced light-mode class removal from main.tsx that was preventing dark mode from being applied. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
22 lines
797 B
TypeScript
22 lines
797 B
TypeScript
import { StrictMode } from 'react'
|
|
import { createRoot } from 'react-dom/client'
|
|
import { TooltipProvider } from '@/components/ui/tooltip'
|
|
import './index.css'
|
|
import App from './App.tsx'
|
|
|
|
// Disable native WebKit context menu in Tauri (WKWebView intercepts right-click
|
|
// at native level before React's synthetic events can call preventDefault).
|
|
// Capture phase fires first → prevents native menu; React bubble phase still fires
|
|
// → our custom context menus (e.g. sidebar right-click) work correctly.
|
|
if ('__TAURI__' in window || '__TAURI_INTERNALS__' in window) {
|
|
document.addEventListener('contextmenu', (e) => e.preventDefault(), true)
|
|
}
|
|
|
|
createRoot(document.getElementById('root')!).render(
|
|
<StrictMode>
|
|
<TooltipProvider>
|
|
<App />
|
|
</TooltipProvider>
|
|
</StrictMode>,
|
|
)
|